<div class="filter-dropdown-space" style="min-height:500px">
  <div class='js-streams streams items'>
    {{#infinite-scroll action="loadMoreStreams" isLoading=model.isLoading contentLength=model.length hideMore=model.hideMore classNames="tower qa-tower tower--bleed tower--240 tower--gutter-sm" ignoreContentLength=true}}
      {{#each model.content as |stream index|}}
        {{stream-preview stream=stream tt_medium="twitch_directory" tt_content="live_channel" tt_content_index=index}}
      {{/each}}
      {{tower-placeholder}}
    {{/infinite-scroll}}
  </div>

  {{#if model.isLoading}}
    {{loading-more-spinner}}
  {{else if (not model.length)}}
    <p class='empty-grid'>
      {{t 'general.Twitch.noChannelsLive'}}
    </p>

    {{interactivity-beacon beaconId="no-directory-channels-are-live"}}
  {{/if}}
</div>
