<div class='bits-card--standard bits-card--promo'>
  <button {{action 'close'}} class='bits-promo__close'>
    {{partial 'svg/close-small'}}
  </button>
  <div class='bits-promo__content'>
    {{#if isLoaded}}
      {{#if (or showBitsEmotes imageUrl)}}
        <div class='bits-promo__image'>
          {{#if showBitsEmotes}}
            {{bits/emote-image amount=100 size=4 classNames='bits-promo__emote'}}
            {{bits/emote-image amount=10000 size=4 classNames='bits-promo__emote'}}
            {{bits/emote-image amount=5000 size=4 classNames='bits-promo__emote'}}
          {{else}}
            <img class='bits-promo__static' src='{{imageUrl}}'>
          {{/if}}
        </div>
      {{/if}}
      <div class='bits-promo__header'>
        {{title}}
      </div>
      <div class='bits-card__text'>
        {{! template-lint-disable triple-curlies }}
        {{{body}}}
        {{! template-lint-enable triple-curlies }}
      </div>
      <div class='bits-promo__action'>
        <div class='bits-promo__nav'>
          <ul class='bits-promo__dots'>
            {{#each pageDots as |dot|}}
              <li class='bits-promo__dot {{if dot.isSelected 'bits-promo__dot--selected'}}' {{action 'goToPage' dot.pageNum}}></li>
            {{/each}}
          </ul>
        </div>
        <button class='button' {{action 'buttonPressed'}}>
          {{buttonText}}
        </button>
      </div>
    {{/if}}
  </div>
</div>
