{{#if primaryOption}}
  {{#eui-button
    style=style
    size=size
    loading=loading
    disabled=disabled
    class="eui-dropbutton--primary-action"
    action="primaryAction"}}
    {{primaryOption.label}}
  {{/eui-button}}

  {{#eui-button
    style=style
    size=size
    loading=false
    disabled=disabled
    classBinding=":eui-dropbutton--trigger :eui-dropbutton--narrow-icon showOptionList:eui-active"
    action="showOptionList"}}
  {{/eui-button}}

{{else}}
  {{#eui-button
    style=style
    size=size
    loading=loading
    disabled=disabled
    classBinding="showOptionList:eui-active :eui-dropbutton--wide-icon"
    action="showOptionList"}}
      {{yield}}
  {{/eui-button}}

{{/if}}

{{#if showOptionList}}
  {{#eui-popup
    target=element
    attachment=attachment
    targetAttachment=targetAttachment
    width=popupWidth
    onClose=(action "secondaryAction") as | closeAction |}}

    {{#eui-option-list
      style="dropbutton"
      options=optionsWithoutPrimaryOption as |option index|}}

      <div class="eui-dropbutton--list-option" {{action closeAction option}}>
        {{option.label}}
      </div>

    {{/eui-option-list}}

  {{/eui-popup}}
{{/if}}