{{#if shouldRender}}
  <div class="ct-spotlight">
    {{!Featured Video}}
    <div class="ct-spotlight__left">
      <div class="ct-spotlight__video">
        <div class="aspect">
          {{twitch-player2
              channel=hero
              class='aspect__fill'
              playerName='stream'
              playerType='creative'
              shouldStartPaused=shouldStartPaused
              videoPaused='videoPaused'
              videoPlayed='videoPlayed'
              showCompanionAds=false
              canGenerateClips=canGenerateClips
              videoPlayerContentShowing=(action 'videoPlayerContentShowing')}}
        </div>
      </div>
    </div>
    <div class="ct-spotlight__right">
      <div class="ct-spotlight__controls-container">
        {{!List of thumbnails}}
        <div class="ct-spotlight__controls">
          {{#each streams as |stream|}}
            <div class="ct-spotlight__thumb-container">
              {{gallery-preview stream=stream hero=hero action='setHero'}}
            </div>
          {{/each}}
        </div>
      </div>
      <div class="ct-spotlight__card-container">
        {{!Featured Video Info Card}}
        {{#link-to 'channel' hero.channel.name class="ct-spotlight__avatar"}}
          <img src={{hero.channel.logo}} alt={{hero.channel.display_name}}>
        {{/link-to}}
        <div class="ct-spotlight__card">
          <section class="ct-spotlight__section">
            {{#link-to 'channel' hero.channel.name class='channel-name ct-spotlight__type-1'}}
              {{format-display-name hero.channel.name hero.channel.display_name}}
            {{/link-to}}
            {{#link-to 'channel' hero.channel.name class='title ct-spotlight__type-2'}}
              {{hero.channel.status}}
            {{/link-to}}
          </section>
        </div>
      </div>
    </div>
  </div>
{{/if}}
