<div class="brick brick--theme-white mg-y-1 flex flex--nowrap flex--verticalCenter" data-test-selector="ext-available">
  <img src="{{extension.iconUrl}}" class="square-5 mg-r-1 flex__item flex__item--noShrink">
  <div class="flex_item flex__item--grow">
    <h4 class="mg-0 pd-0 inline-block" data-test-selector="ext-available-name">{{extension.name}}</h4>
    <span class="ext-details__author mg-0 pd-0" data-test-selector="ext-available-author">{{authorText}}</span>
    <p class="mg-0 pd-0" data-test-selector="ext-available-summary">{{extension.summary}}</p>
    <p class="clearfix">
      <span class="hint upcase float-left pd-r-1">{{installationCountText}}</span><span class="pill upcase">{{extension.anchorLabel}}</span>
    </p>
  </div>
  {{#link-to 'settings.extensions.details' extension.id class='button button--hollow mg-x-1'}}
    <span>{{t 'general.common.details'}}</span>
  {{/link-to}}
  {{#common/button-element onClick=(action 'onInstallClicked') testSelector='ext-available-install'}}
    <span>{{i18n 'Install'}}</span>
  {{/common/button-element}}
</div>