{{#if isLeftColumnClosed}}
  <span class="sep sep--tiny"></span>
  <dd class="warp__item">
    <div class="title align-center pd-t-1 pd-l-1 pd-r-1 pd-b-1">
      <button class="offer-list__pr-expand" title="{{i18n 'Free with Prime'}}" {{action 'expandToShowAll'}}>
        {{partial 'svg/twitch-prime/crown'}}
      </button>
    </div>
  </dd>
  {{yield navOffers hasPrime showAllOffers hiddenOfferIds claimedOfferIds}}
  <span class="sep sep--tiny"></span>
{{else}}
  <dt class="offer-list__pr-nav-header warp__item warp__item--header">
    <span class="js-offer-list-title">{{i18n 'Free with Prime'}}</span>
    <div class="warp__toggle {{unless showAllOffers 'toggled'}}" data-show-all-offers-open {{action "toggleShowAllOffers"}}>
      <div class="arrow arrow--t"></div>
    </div>
  </dt>
  {{yield navOffers hasPrime showAllOffers hiddenOfferIds claimedOfferIds}}
{{/if}}
