<div class="pinned-cheers__message js-bits-pinned-cheers-recent-cheer {{if expandMessage 'expandMessage'}}">
  <div class="pinned-cheer__top-bar {{if expandArrowVisible 'pinned-cheer--expandable'}}" {{action 'toggleExpandMessage' preventDefault=false}}>
    {{svg-icon path='svg/bits/hourglass' class='inline pinned-cheers__title-icon'}}
    <span>{{bits-string 'pinned_cheer_recent_cheer' 'Recent Cheer'}}</span>
  </div>
  <hr class="pinned-cheer__top-bar--delimiter">
  {{#if showDismissButton}}
    <button class="pinned-cheer__trash-can pinned-cheers__dismiss balloon-wrapper" {{action 'dismissPinnedCheer'}}>
      {{svg-icon path='svg/trash'}}
      <div class="balloon balloon--tooltip balloon--up">{{bits-string 'pinned_cheer_unpin_all'}}</div>
    </button>
  {{/if}}
  <div class="pinned-cheers__message-wrapper pinned-cheers--padding {{if expandArrowVisible 'pinned-cheer--expandable'}}" {{action 'toggleExpandMessage' preventDefault=false}}>
    {{#if expandArrowVisible}}
      <div class="pinned-cheer__expando-arrow {{unless expandMessage 'pinned-cheer__arrow--toggled'}}">
        <div class="pinned-cheer__arrow arrow--t">
        </div>
      </div>
    {{/if}}
    {{!-- this hack box is needed because emotes in pinned cheers are cut-off if we use overflow: scroll/hidden --}}
    <div class="pinned-cheer__hack-box"></div>
    {{chat/message-line
      tagName='div'
      msgObject=cheerMessage
      roomTrackingData=roomTrackingData
      currentUserNick=currentUserNick
      currentUserDisplayname=currentUserDisplayname
      isChannelLinksDisabled=isChannelLinksDisabled
      isViewerModeratorOrHigher=isViewerModeratorOrHigher
      isTwitchPrivilegedUser=isTwitchPrivilegedUser
      isDarkMode=isDarkMode
      showModOverlay=showModOverlay
      banUser=banUser
      unbanUser=unbanUser
      clickSubscriber=clickSubscriber
      timeoutUser=timeoutUser
      showMessageFlags=showMessageFlags
      showModIcons=showModIcons
      showModerationActions=showModerationActions
      showTwitchBotActions=showTwitchBotActions
      postRenderAction=(action 'measureMessage')}}
  </div>
  <div class='pinned-cheer__duration'>
    {{progress-bar/countdown
      duration=countdownDuration
      totalDuration=countdownTotalDuration
      size=countdownSize
      completedAction=(action 'expirePinnedCheer')}}
  </div>
</div>

