{{#if (and useCurrentCheer hasCurrentCheer)}}
  <header class="cheermote-spotlight__header strong">{{bits-string 'cheermote_spotlight_yours'}}</header>

  {{#if (or showCombinedCheerAmount showCurrentCheermote)}}
    <section>
      {{#if isBalanceExceeded}}
        <p class="pd-x-2 cl-red">
          {{bits-string 'balance_exceeded' '' (hash requiredBalance=requiredBalance)}}
        </p>
      {{else if showBitsToMinimumPinned}}
        <p class="sub-text">
          {{bits-string 'num_bits_to_min_pin' '' (hash numBitsToMin=numBitsToPinMinimum)}}
        </p>
      {{/if}}

      {{#if showCombinedCheerAmount}}
        <p class="pd-x-6 sub-text {{if isBalanceExceeded 'mg-t-1' 'mg-t-3'}}">
          {{bits-string 'send_amount_total' '' (hash amount=currentCheerAmount channelName=channelName)}}
        </p>
      {{else}}
        <div class="{{if (or isBalanceExceeded showBitsToMinimumPinned) 'mg-t-1' 'mg-t-2'}}">
          {{bits/cheermote-with-amount
            prefix=currentCheerPrefix
            amount=currentCheerAmount}}
        </div>
      {{/if}}
    </section>
  {{else if showError}}
    <section class="pd-x-2 mg-t-4 cl-red">
      {{#if isMaxMessageLengthExceeded}}
        {{bits-string 'max_length_exceeded'}}
      {{else if isCheerAboveMax}}
        {{bits-string 'above_max'}}
      {{else if isCheerZero}}
        {{bits-string 'zero'}}
      {{/if}}
    </section>
  {{else if (or isCheerBelowMinEmote isCheerBelowMinimum)}}
    <section class="sub-text italic {{if showBitsToMinimumPinned 'mg-t-1' 'mg-t-3'}}">
      <p class="pd-x-4">
        {{#if isCheerBelowMinEmote}}
          {{bits-string 'min_bits_emotes' '' (hash minBitsEmote=minBitsEmote)}}
        {{else}}
          {{bits-string 'num_bits_to_min' '' (hash numBitsToMin=numBitsToMinimum)}}
        {{/if}}
      </p>

      {{#if showBitsToMinimumPinned}}
        <p class="mg-t-1">
          {{bits-string 'num_bits_to_min_pin' '' (hash numBitsToMin=numBitsToPinMinimum)}}
        </p>
      {{/if}}
    </section>
  {{/if}}
{{else if hasValue}}
  <header class="cheermote-spotlight__header strong">{{prefix}}{{cheermoteValue}}</header>
  {{bits/cheermote-with-amount
    classNames="mg-t-2"
    prefix=prefix
    amount=cheermoteValue}}
{{else}}
  <header class="cheermote-spotlight__header strong">{{prefix}}</header>
  {{bits/emote-image amount=100 prefix=prefix size=4 classNames='cheermote-spotlight__prefix mg-t-2'}}
{{/if}}
