{{#link-to 'user' comment.user.login}}
  <img
    alt="{{i18n "profile image"}}"
    class="square-3 mg-r-1 float-left js-username-hover"
    src={{comment.user.profileImage}}
    data-id="{{comment.user.id}}"
    data-login="{{comment.user.login}}"
    data-position="right"
  >
{{/link-to}}
<div class="mg-l-4 mg-r-3">
  <div class="activity-comment__meta">
    {{#link-to 'user' comment.user.login class='js-username-hover' data-id=comment.user.id data-login=comment.user.login data-position='right'}}
      <strong>{{comment.user.prettyName}}</strong>
    {{/link-to}}
    {{#link-to 'channel.index.post' comment.post.user.login comment.post title=(i18n 'View Post') class='inherit-color'}}
      {{relative-time comment.createdAt showTooltip=true sameYearFormat='MMM D'}}
    {{/link-to}}
  </div>
  {{twitch-feed/story-card-body
      body=comment.body
      emotes=comment.emotes
      truncateAfter=truncateAfter
      numPreviewLines=numPreviewLines
      class="activity-body--comment"
  }}
  <div class="activity-comment__actions">
    <a class="activity-comment__reaction flex flex--verticalCenter {{if reactionIsActive 'activity-comment__reaction--selected'}}" href="#" {{action "setReaction"}}>
      {{partial 'svg/like'}}
      <span>{{reaction.count}}</span>
    </a>
  </div>
</div>
{{twitch-feed/controls
    message=comment
    post=comment.post
    broadcasterIsLive=broadcasterIsLive
    deleteAction=(action 'deleteComment')
    trackingInfo=(create-context trackingInfo)
}}
