<div class="js-vod-filter balloon-wrapper">
  <a class="button button--hollow button--dropmenu" {{action 'toggleSortNavigation'}}>
    {{i18n (video-sort-label selectedSort)}}
  </a>
  <div class="balloon balloon--down balloon--no-tail balloon--right balloon--dropmenu {{if isSortNavigationVisible 'show' 'hide'}}">
    <ul class="balloon__list">
      {{#each siblings as |item|}}
        <li {{action 'toggleSortNavigation'}}>
          {{#if (containsText item selectedSort) }}
            <a class="balloon__link filter-bar__balloon-link--active" {{action 'changeSort' item}}>
              {{i18n (video-sort-label item)}}
            </a>
          {{else}}
            <a class="balloon__link" {{action 'changeSort' item}}>
              {{i18n (video-sort-label item)}}
            </a>
          {{/if}}
        </li>
      {{/each}}
    </ul>
  </div>
</div>
