{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

{{yield}}
{{#let (hash
  change=(action "change")
) as |api|}}
<div
  class={{class-map
    (array 'menu-panel')
    (array 'menu-panel-deprecated')
    (array position)
    (array isConfirmation 'confirmation')
  }}
  {{did-insert (action 'connect')}}
>
  <YieldSlot @name="controls">
    {{yield api}}
  </YieldSlot>
  {{#yield-slot name="header"}}
    <div>
      {{yield api}}
    </div>
  {{else}}
  {{/yield-slot}}
  <ul role="menu" ...attributes>
    <YieldSlot @name="menu">
      {{yield api}}
    </YieldSlot>
  </ul>
</div>
{{/let}}