{{#if streams.length}}
  <div class='section_header mg-t-0 mg-b-1'>
    <h3 class='title'>
      {{#if titleLink}}
        {{#link-to titleLink}}
          {{title}}
        {{/link-to}}
      {{else}}
        {{title}}
      {{/if}}
    </h3>
  </div>

  <div class='js-streams streams mg-b-3'>
    {{#each streams as |sampleHost|}}
      <div class='card card--row card--xs'>
        {{#link-to 'channel' sampleHost.name class='card__layout js-tracking-anchor'}}
          <span class='flex full-width' onclick={{action "trackCategoryClick"}}>
            <figure class='card__img card__img--avatar'>
              {{#if sampleHost.target.channel.logo}}
                <img src='{{sampleHost.target.channel.logo}}'>
              {{else}}
                <img src='//static-cdn.jtvnw.net/jtv_user_pictures/xarth/404_user_150x150.png'>
              {{/if}}
            </figure>
            <div class='card__body'>
              <h3 class='card__title ellipsis'>{{format-display-name sampleHost.target.channel.name sampleHost.target.channel.display_name}}</h3>
              <div class='card__info flex flex--nowrap flex--verticalCenter'>
                <div class='flex__item flex__item--grow ellipsis mg-r-1'>
                  {{t 'frontPage.liveHosts.hostedBy' channelName=(format-display-name sampleHost.name sampleHost.display_name)}}
                </div>
                <div class='flex__item flex__item--noGrow flex__item--noShrink'>
                  <div class='flex flex--verticalCenter fill-grey-10'>
                    {{partial 'svg/glyph-live-small'}}
                    <span class='float-right cl-grey-7'>{{commatized sampleHost.target.viewers}}</span>
                  </div>
                </div>
              </div>
            </div>
          </span>
        {{/link-to}}
      </div>
    {{/each}}
  </div>
{{/if}}
