{{#unless isLoadingFollowsCount}}
  {{#if hasFollows}}

    <div class='section_header first'>
      <h3 class='title'>
        {{i18n "Live Hosts"}}
      </h3>
    </div>

    <div class='js-streams streams tower tower--bleed tower--240 tower--gutter-sm'>
      {{#if sampleHosts}}
        {{#each sampleHosts as |sampleHost index|}}
          {{host-preview stream=sampleHost tt_medium="twitch_following" tt_content="live_host" position=index tt_content_index=index}}
        {{/each}}

        {{#if hasMoreHosts}}
          <div class='item viewall'>
            {{#link-to "directory.following.hosts" class="js-var-height"}}
              <div class='text'>
                <span>
                  {{t 'general.common.viewAll'}}
                </span>
                <span>
                  {{i18n "Live Hosts"}}
                </span>
              </div>
            {{/link-to}}
          </div>
        {{/if}}
      {{/if}}
      {{tower-placeholder}}
    </div>

    {{#unless sampleHosts}}
      {{#if hasFollows}}
        <p class='empty-grid'>
          {{i18n "No Hosts Live"}}
        </p>
      {{/if}}
    {{/unless}}
  {{/if}}
{{/unless}}
