<div class="notification {{if notification.read 'notification--read' 'notification--unread'}}" {{action clickNotification}} data-tt_medium='notification_center' data-tt_content='{{notification.type}}'>
  <div class="flex flex--nowrap flex--verticalCenter">
    <div class="flex__item flex__item--noGrow notification__thumbnail">
      <img src="{{notification.thumbnailUrl}}" width="40" height="40">
    </div>
    <div class="flex__item flex__item--Grow">
      <div class="flex notification__content flex--column pd-l-1 pd-r-1">
        <div class="flex__item notification__content-msg">
          <div class="float-left">
            <span class="strong pd-0"> {{notification.headline}} </span>
            {{notification.body}}
          </div>
        </div>
        <div class="flex__item notification__details">
          {{partial (onsite-notifications/icon notification.type)}}
          {{onsite-notifications/relative-time notification.updatedAt}}
        </div>
      </div>
    </div>
    <div class="flex__item flex__item--noGrow flex__item--end notification__dismiss" {{action dismiss bubbles=false}}>
      {{partial 'svg/onsite-notifications/close'}}
    </div>
  </div>
</div>
