<div class='conversation-container' tabindex="-1" {{action 'makeActive'}}>
  <div class='conversation-right'>
    {{#if thread.unreadCount}}
      <div class='notification-jewel'>
        {{thread.unreadCount}}
      </div>
    {{/if}}
    {{#if thread.isMuted}}
      {{partial 'svg/conversations/mute'}}
    {{/if}}
    <a class='convo__button conversations__button--icon button button--icon-only conversations-list-item-archive' title={{t 'general.forms.hide'}} alt={{t 'general.forms.hide'}} {{action 'archive' bubbles=false}}>{{svg-icon path='svg/conversations/hide'}}</a>
  </div>
  <div class='conversation-details'>
    <img class='conversation-avatar' src="{{conversationLogo}}" alt={{conversationName}}>
    <div class='conversation-name'>
      {{conversationName}}
    </div>
    <div class='conversation-preview'>
      {{#if thread.mostRecentMessage}}
        {{twitch-conversations/conversation-preview-line
          message=thread.mostRecentMessage
        }}
      {{else}}
        &nbsp;
      {{/if}}
    </div>
  </div>
</div>
