<div class="slds-form-element slds-lookup{{openClass}}">
  <label class="slds-assistive-text" for={{lookupElementId}}>{{placeholder}}</label>
  <div class="slds-form-element__control lookup__search-control slds-input-has-icon slds-input-has-icon--left">
    <svg class="slds-input__icon" aria-hidden="true">
      <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#search"></use>
    </svg>
    {{input
      type="search"
      id=lookupElementId
      class="slds-input slds-lookup__search-input"
      placeholder=placeholder
      focus-in=(action 'onFocusIn')
      focus-out=(action 'onFocusOut')
      value=query}}
  </div>

  <div class="slds-lookup__menu" id="lookup-65">
    {{yield (hash
      header=(component 'slds-lookup-header' prompt=prompt query=query)
      list=(component 'slds-lookup-list' query=query))}}
  </div>
</div>