<input
  type="text"
  class={{inputClass}}
  placeholder={{i18n 'Search for a game'}}
  value={{gameName}}
  oninput={{action 'onInput' value='target.value'}}
  onclick={{action 'onInputClick'}}
  data-test-selector={{testSelector}}>

{{#if (and isShowingGameList (not-eq gameList.length 0))}}
  <div class="balloon balloon--down balloon--no-tail full-width pd-y-0 {{if isShowingGameList 'show'}}">
    {{#isolate-scroll tagName='ul' class='balloon--list' style='overflow-y: scroll; max-height: 250px'}}
      {{#each gameList as |game|}}
        {{game-select/game-card game=game onGameSelect=(action 'onGameSelect' game)}}
      {{/each}}
    {{/isolate-scroll}}
  </div>
{{/if}}
