{{clips/clips-sort-option selectedSortOption
  isActiveSortOption=false
  class='button button--hollow button--dropmenu js-clips-filter'
  onClick=(action 'toggleDropdown')
}}
<div
  class="balloon balloon--down balloon--no-tail balloon--left balloon--dropmenu {{if isDropdownHidden 'hide' 'show'}}"
  data-test-selector={{dropdownTestSelector}}
>
  <ul class="balloon__list">
    {{#each sortOptions as |sortOption|}}
      <li {{action 'changeSortOption' sortOption}}>
        {{clips/clips-sort-option sortOption isActiveSortOption=(containsText sortOption selectedSortOption)}}
      </li>
    {{/each}}
  </ul>
</div>
