{{#hover-dropdown
   verticalPosition=dropdownVertPosition
   horizontalPosition=dropdownHoriPosition
   renderInPlace=true
   as |dd|
}}
  <dd.Trigger class="hand btn btn-sm bg-transparent lang-select">
    <i class="icon icon-globe"></i> {{selectedLabel}} <i class="icon icon-chevron-down"></i>
  </dd.Trigger>

  <dd.Content class="text-right lang-select">
    {{#if settings.isRancher}}
      <li {{action dd.actions.close}}>
        <a
          role="button"
          href="http://translate.rancher.com"
          target="_blank"
          rel="noopener nofollow"
        >
          {{t "languageContribute"}}
        </a>
      </li>
      <li class="divider"></li>
    {{/if}}
    {{#each-in locales as |lang label|}}
      <li class="{{if (eq selected lang) "disabled selected"}}" {{action dd.actions.close}}>
        <a
          role="button"
          href="#"
          {{action "selectLanguage" lang}}
        >
          {{label}} ({{lang}})
        </a>
      </li>
    {{/each-in}}
  </dd.Content>
{{/hover-dropdown}}