<span class='from' style={{fromStyle}}>{{fromDisplay}}</span>
<span class="colon">:</span>
<span class="message" style={{messageStyle}}>
  {{#each tokenizedMessage as |token|}}
    {{#if (not token.hidden)}}
      {{#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.isMailTo}}
          <a href="mailto:{{token.link}}">{{token.text}}</a>
        {{else}}
          <a href="{{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}}
        {{token.text}}
      {{/if}}
    {{/if}}
  {{/each}}
</span>
