<div class="indicator"></div>
<span class="timestamp float-left">{{timestamp}}</span>
{{#each badgeSet as |badge|}}
  <span class="badges float-left">
    <a href={{badge.targetUrl}} rel="noopener" target="_blank">
      {{#tipsy-wrapper gravity="n" selector="img"}}
        <img src={{badge.src}} srcset={{badge.srcSet}} class="badge tooltip" title={{badge.title}}>
      {{/tipsy-wrapper}}
    </a>
  </span>
{{/each}}
<span class="from" style={{fromStyle}} {{action "showModOverlay" msgObject.from}}>{{fromText}}</span>
<svg class='svg-whisper-arrow' height='10px' version='1.1' width='16px'>
  <polyline points='6 2, 10 6, 6 10, 6 2' />
</svg>
<span class="to" style={{toStyle}} {{action "showModOverlay" msgObject.to}}>{{toText}}</span>
<span class="colon">:</span>

<span class="message" style={{messageStyle}}>
  {{#each tokenizedMessage as |token|}}
    {{#if (eq token.type "emoticon")}}
      {{#tipsy-wrapper gravity="n" selector="img" ~}}
        <img class="emoticon tooltip"
          src="{{token.imgSrc}}"
          alt="{{token.altText}}"
          title="{{token.altText}}"
          srcset="{{token.srcSet}}">
      {{~/tipsy-wrapper}}
    {{else if (eq token.type "link")}}
      {{#if token.isDeleted}}
        &lt;{{i18n "deleted link"}}&gt;
      {{else}}
        <a href="{{concat (if token.isMailTo 'mailto:' "") token.link}}" target="_blank" rel="noopener noreferrer">{{token.text}}</a>
      {{/if}}
    {{else if (eq token.type "mention")}}
      <span class="{{if token.isOwnMessage 'mentioning' 'mentioned'}}">{{token.user}}</span>
    {{else if (eq token.type "text")}}
      {{token.text}}
    {{/if}}
  {{/each}}
</span>
