<div class='balloon-wrapper js-subscribe-button-dynamic'>
  <button class='button button--icon button--dropmenu cn-bar__button--resubscribe subscribe-button-pr js-resubscribe-button' {{action 'toggle'}}>
    {{svg-icon path='svg/twitch-prime/crown'}}
    <span class='subscribe-text js-subscribe-text'>
      {{subscribedToText}}
    </span>
  </button>
  {{subscribe-button/subscribed-message hasMessage=hasMessage}}

  {{#if isMenuOpen}}
    {{subscribe-button/resub-modal
      channel=channel
      creditBalance=creditBalance
      tetherId=tetherId
      isSubscribing=isSubscribing
      attachment=attachment
      targetAttachment=targetAttachment
      offset=offset
      classNames=balloonClassNames
      toggle=(action 'toggle')
      setIsSubscribing=(action 'setIsSubscribing')
      toggleHasSubscribedMessage=toggleHasSubscribedMessage
      trackSubscribeButtonAction=trackSubscribeButtonAction
    }}
  {{/if}}
</div>
