<div class="autohost-card card card--row card--sm {{if inList 'autohost-card--inlist'}} {{if fullWidth 'full-width'}}" data-test-selector={{testSelector}}>
  <div class="card__layout">
    <figure class="card__img card__img--avatar">
      <img src={{profileImage}}>
    </figure>
    <div class="card__body">
      <h5 class="card__title ellipsis">{{displayName}}</h5>
      {{#if subtext}}
        <p class="autohost-card__info card__info ellipsis">{{i18n subtext}}</p>
      {{/if}}
    </div>
    <div class="autohost-card__action">
      {{#if inList}}
        {{#common/button-element onClick=(action undoAction user source location) testSelector="remove-channel-button" isHollow=true}}
          <figure>{{svg-icon path='svg/followcheck'}}</figure>
          <span>{{i18n 'Added'}}</span>
        {{/common/button-element}}
      {{else}}
        {{#common/button-element onClick=(action addAction user source location) testSelector="add-channel-button" isHollow=true}}
          {{i18n 'Add'}}
        {{/common/button-element}}
      {{/if}}
    </div>
  </div>
</div>
