{{#if hasChannels}}
  <div class='localized-content js-localized-content'>

    <div class='section_header first'>
      <a class="button pd-l-0 button--text button--dropmenu filter-toggle drop {{if layout.hideLocalizedContentSection "disabled" "enabled"}}" {{action 'toggleHidden'}}>
        <h3 class='title'>
          {{liveChannelText}}
        </h3>
      </a>
    </div>

    {{#if sampleChannels}}
      <div class="{{if layout.hideLocalizedContentSection "hidden"}} js-streams streams items">
        <div class="tower tower--bleed tower--240 tower--gutter-sm">
          {{#each sampleChannels as |sampleChannel index|}}
            {{stream-preview stream=sampleChannel tt_medium="twitch_directory" tt_content="language_stream" tt_content_index=index}}
          {{/each}}

          {{#if hasMoreChannels}}
            <div class='item viewall'>
              {{#link-to "directory.channels.broadcasterLanguage" languageCode class="js-var-height"}}
                <div class='text'>
                  <span>
                    {{t 'general.common.viewAll'}}
                  </span>
                  <span>
                    {{liveChannelText}}
                  </span>
                </div>
              {{/link-to}}
            </div>
          {{/if}}
          {{tower-placeholder}}

        </div>
      </div>
    {{/if}}

  </div>
{{/if}}
