<div class="form">
  <div class="form__input-group form__input-group--icon-left">
    {{input class="friend-search__input form__input"
            placeholder=(i18n "Search to ban/timeout channels")
            escape-press='clear'
            key-up='search'
            value=(mut query)}}
    <div class="form__icon-group">
      {{#if query}}
        <button class="button button--icon-only button--secondary" {{action 'clear'}}>
          {{svg-icon path='svg/close' iconModifier='form__icon friend-search__icon friend-search__icon--clear js-clear-search'}}
        </button>
      {{else }}
        {{svg-icon path='svg/nav-profile' iconModifier='form__icon friend-search__icon friend-search__icon--nav'}}
      {{/if}}
    </div>
  </div>
</div>
