<div class="brick brick--theme-grey brick--pd-lg mg-t-0">
  <div class="brick brick--pd-lg brick--marked brick--theme-white flex">
    <div class="video-stats__lifetime-stat flex__item">
      <h3 class="video-stats__label">{{t 'general.Twitch.totalViews'}}</h3>
      <figure class="icon icon--inline icon--size-3 icon--purple">
        {{svg-icon path="svg/glyph_views"}}
      </figure>
      <span class="video-stats__lifetime-stat__value">
        {{format-number data.viewCount}}
      </span>
    </div>

    <div class="video-stats__lifetime-stat video-stats__lifetime-stat__section flex__item">
      <h3 class="video-stats__label">{{i18n "Total Minutes Watched"}}</h3>
      <figure class="icon icon--inline icon--size-3 icon--purple">
        {{svg-icon path="svg/glyph_length"}}
      </figure>
      <span class="video-stats__lifetime-stat__value">
        {{styled-i18n "%{minutes} min" (hash minutes=(format-number data.minutesWatched))}}
      </span>
    </div>

    <div class="video-stats__lifetime-stat flex__item">
      <h3 class="video-stats__label">{{i18n "Average View Duration"}}</h3>
      <figure class="icon icon--inline icon--size-3 icon--purple">
        {{svg-icon path="svg/glyph_length"}}
      </figure>
      <span class="video-stats__lifetime-stat__value">
        {{styled-i18n "%{minutes} min" (hash minutes=(format-number data.averageDuration scale=2))}}
      </span>
    </div>
  </div>
</div>
