<div class="toolbar">
  <Ui::ToolbarSearchField
    @clear={{fn (mut @searchValue)}}
    @value={{@searchValue}}
    class="js-records-search"
  />

  <Ui::ToolbarDivider />

  <button
    class="{{if (is-empty @filterValue) "active"}} toolbar-radio js-filter"
    type="button"
    {{on "click" (fn @setFilter "")}}
  >
    All
  </button>

  {{#each @filters as |filter|}}
    <button
      class="{{
        if (eq @filterValue filter.name) "active"
      }} toolbar-radio js-filter"
      type="button"
      {{on "click" (fn @setFilter filter.name)}}
    >
      {{filter.desc}}
    </button>
  {{/each}}
</div>