<div style={{bannerStyle}} class="profile-card__banner"></div>

<a href="{{channelUrl}}" class="profile-card__content" {{action (route-action "handleStreamClick" channelInfo)}} data-tt_content={{ttContent}} data-tt_medium={{ttMedium}}>
  <div>
    <img class="square-5 mg-b-1" title={{profile.displayName}} src={{profile.logo}}>

    <strong class="profile-card__name">
      {{format-display-name profile.login profile.displayName}}
    </strong>

    {{#if friendInfo}}
      <span class="profile-card__status">{{statusString}}</span>
    {{/if}}

    <p class="ellipsis">{{bioString}}</p>
  </div>
</a>

{{#unless isMe}}
  <div class="profile-card__actions darken">

    {{yield profile}}

    {{#if (and showFollow (not request))}}
      <div class="flex">
        {{follow-button
          name=followBtnName
          channel=channelInfo
          track=(action "trackChannelEvent" target=tracking)
        }}
        {{channel-redesign/notification-controls
          name='channel'
          channel=channelInfo
          track=(action "trackChannelEvent" target=tracking)
          canShowMenu=canShowMenu
          balloonCenter=true
        }}
      </div>
    {{/if}}

    {{#if showWhisper}}
      <button {{action "message"}} class='profile-card__whisper button float-right'>
        {{i18n "Whisper"}}
      </button>
    {{/if}}
  </div>
{{/unless}}
