<div class="content cn-content js-cn-content">
  <div class="cn-cover-wrap  {{if (and (in-experiment-group 'CPR_SUB_NAV_V2' 'new') isChannelIndex) 'hide'}}">
    {{channel-redesign/cover-image
      channel=channel
      isEditing=isEditingBanner
      class='cn-cover js-cn-cover'
      showBalloon=bannerShowBalloon
      openInModal=(route-action 'openInModal')
      closeModal=(route-action 'closeModal')
    }}
  </div>
  {{#if shouldShowTopBar}}
    {{channel-redesign/top-bar
      channel=channel
      isFixed=isFixed
      isSmallBar=isSmallBar
      isSubNavExperiment=isSubNavExperiment
      canEditBanner=isEditable
      isEditing=isEditingBanner
      isChannelOwner=isChannelOwner
      isLive=isLive
      isLiveAccordingToKraken=isLiveAccordingToKraken
      showBalloon=avatarShowBalloon
      toggleEditingMode=(action 'toggleEditingMode')
      scrollForUser='scrollForUser'
      openInModal=(route-action 'openInModal')
      closeModal=(route-action 'closeModal')
    }}
  {{/if}}

  <div id='channel'>
    {{#if (and (in-experiment-group 'CPR_SUB_NAV_V2' 'new') (not isChannelIndex))}}
      <div class="cn-bar-spacer js-cn-bar-spacer {{if (and (not isSmallBar) isFixed) 'show'}}"></div>
    {{/if}}
    {{#if (not (in-experiment-group 'CPR_SUB_NAV_V2' 'new'))}}
      <div class="cn-bar-spacer js-cn-bar-spacer {{if isFixed 'show'}}"></div>
    {{/if}}
    {{yield}}
  </div>
</div>
