<div class="ct-shadow-grey-sm mg-b-2 js-community-preview {{if community.isPromoted 'js-community-preview--is-promoted'}}">
  {{#link-to 'communities.community' community.name class='no-underline'}}
    <div class="game brick brick--theme-white brick--pd-none brick--stack-up brick--hover">
      {{!-- card__img card__img--boxart --}}
      <figure class="aspect aspect--3x4">
        <img class="aspect__fill" src={{thumbnail}}>
      </figure>
      <figcaption class="brick__caption">
        <h2 class="ct-type-4">{{community.name}}</h2>
      </figcaption>
    </div>
    {{! Brick footer }}
    <div class="brick brick--stack-down brick--theme-white flex flex--spaceBetween flex--nowrap">
      {{! Number of viewers }}
      <div class="ct-type-5 ellipsis">
        <span class="ct-type-red js-community-viewers">{{community.viewers}}</span> {{i18n "viewers"}}
      </div>
      <div class="flex flex--nowrap">
        {{! Number of live broadcasters }}
        <div class="ct-type-5 ellipsis">
          <span class="ct-type-red js-community-streams">{{community.channels}}</span> {{i18n "live"}}
        </div>
        {{! Label location for Category / special callout / etc }}
        {{#if highlightText}}
          <div class="ct-type-5">
            <span class="pill ct-pill pill--purple ct-color-purple mg-l-1">{{highlightText}}</span>
          </div>
        {{/if}}
      </div>
    </div>
  {{/link-to}}
</div>
