<div class="cn-card card card--row card--lg mg-r-4">
  <div class="card__layout">
    <figure class="card__img">
      <a href={{clip.url}} {{action 'onClipClick'}}>
        {{fallback-image src=clip.thumbnail.medium errorSrc=fallbackThumbnail testSelector='clip-row-thumbnail'}}
      </a>
      {{#if clip.game}}
        {{#link-to-game clip.game class='card__boxpin'}}
          {{game-art clip.game 'small'}}
        {{/link-to-game}}
      {{/if}}
    </figure>
    <div class="card__body mg-b-1">
      <h3 class="cn-card__title card__title card__title--clamp">
        <a href={{clip.url}} {{action 'onClipClick'}} data-test-selector='clip-title-link'>
          {{clip.title}}
        </a>
      </h3>
      <p class="card__info ellipsis" data-test-selector='clip-row-clip-info'>
        {{relative-time clip.createdAt}}
        &middot;
        {{#intl/t-yield 'channel.clips.clip.curator.info' dynamicYields=(array 'curator')}}
          {{#link-to 'channel' clip.curatorLogin}}
            {{clip.curatorDisplayName}}
          {{/link-to}}
        {{/intl/t-yield}}
        <br>
        {{t 'channel.clips.clip.viewCount.info' numViews=clip.views}}
      </p>
    </div>
  </div>
</div>
