<div class='js-streams streams items'>
  {{#infinite-scroll action="loadMore" hideMore=model.hideMore isLoading=model.isLoading contentLength=content.length classNames="tower qa-tower tower--bleed tower--240 tower--gutter-sm"}}
    {{#each model as |channel index|}}
      {{csgo-channel-preview channel=channel tt_medium="twitch_directory" tt_content="live_channel" tt_content_index=index classNames="qa-stream-preview"}}
    {{/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-live-csgo-directory-channels"}}
{{/if}}
