<dd class="warp__item is-drawer-closed--hide form theme--dark">
  <span>
    <div class="form__input-group form__input-group--icon-left friend-search {{if query 'friend-search--active'}}" id="sidebar_search">
      {{input class="friend-search__input form__input"
              placeholder=(i18n "Search to Add Friends")
              escape-press='clear'
              key-up='search'
              value=(mut query)}}

      <div class="form__icon-group friend-search__icon-group">
        {{#if query}}
          <button class="button button--icon-only button--secondary friend-search__clear" {{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>
  </span>
</dd>
