<div class='section_header first'>
  <h3 class='title'>
    {{liveChannelText}}
  </h3>
</div>

<div class='js-streams streams items'>
  {{#infinite-scroll action="loadMoreStreams" hideMore=model.hideMore isLoading=model.isLoading contentLength=model.length classNames="tower tower--bleed tower--240 tower--gutter-sm"}}
    {{#each model as |stream index|}}
      {{stream-preview stream=stream tt_medium="twitch_directory" tt_content="language_stream" 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>
{{/if}}
