<div class="flex flex--verticalCenter flex--nowrap">
  <div class='flex__item flex__item--grow header header--small ellipsis'>
    {{#with (i18n-split-string "Hosting |channel|") as |translation|}}
      {{at-index translation 0}}
      <strong>{{hostModeTargetName}}</strong>
      {{at-index translation 2}}
    {{/with}}
  </div>
  {{#link-to 'channel' hostModeTargetName class='card__layout' data-tt_medium='chat_bar_notification' data-tt_content='host_channel'}}
    <div class="flex__item mg-r-1">
      <button class="button button--small">{{i18n "Go to Channel"}}</button>
    </div>
  {{/link-to}}

  <div {{action 'close'}} class='flex__item close-button close-button--flex'>
    {{partial 'svg/chat/close'}}
  </div>

</div>
