<div class="c-dropdown-menu {{#if dropdown.theme}} c-dropdown-menu--{{ dropdown.theme }}{{/if}}{{#if dropdown.text}} c-dropdown-menu--with-text{{/if}}{{#if dropdown.align}} c-dropdown-menu--align-arrow-{{dropdown.align}}{{/if}}{{#if dropdown.hoverEnabled}} js-dropdown-menu-hover-enabled{{/if}}"
  id="{{dropdownId}}"
  aria-labelledby="{{dropdownTriggerId}}"
  role="menu">

  <div class="c-dropdown-menu__inner">
    {{#if dropdown.text}}
      <span class="c-dropdown-menu__text">{{dropdown.text}}</span>
    {{/if}}
    {{#each dropdown.links}}
      {{> button buttonText=this
        buttonModifierClasses="c-button--white-secondary c-button--full-width c-button--no-border-radius"
        buttonAttributes="type=\"button\""
      }}
    {{/each}}
    {{#each dropdown.customButtonLinks}}
      {{> button this}}
    {{/each}}
    {{#if dropdown.closeButton}}
      {{> button buttonText="Close"
        buttonModifierClasses="c-button--full-width c-button--no-border-radius c-dropdown-menu__close"
        buttonAttributes="type=\"button\""
      }}
    {{/if}}
  </div>
</div>
