{{#with (hash onFollowClick=(action 'onFollowClick')
              addFollowTrackingData=(action 'addFollowTrackingData')) as |cta|}}
  {{yield cta}}

  <div class="balloon-wrapper">
    <div class="balloon balloon--right balloon--down balloon--sm pd-0 {{if isHidden 'hide' 'show'}}">
      <div class="pd-1">
        <h5 class="strong mg-b-0">{{i18n "Enjoying the stream?"}}</h5>
        <p>{{styled-i18n "Add %{channelName} to your Following directory to see when they're live" (hash channelName=(format-display-name channel.name channel.display_name))}}</p>
        <div class="align-center mg-t-1">
          <button {{action "dismiss"}} class="button button--text">{{t 'general.forms.dismiss'}}</button>
        </div>
      </div>
      <div class="progress-bar progress-bar--sm progress-bar--countdown">
        <div class="progress-bar__fill" style={{progressBarStyle}}>
        </div>
      </div>
    </div>
  </div>
{{/with}}
