<div class="c-package{{#if packageType}} c-package--{{packageType}}{{/if}}">
  {{!-- Package label --}}
  {{#if packageLabel}}
    <span class="c-package__label">
      {{#if packageLabel.labelLink}}
        <a href="#" class="c-package__label-link">
      {{/if}}
        {{!-- There's purposely no space between the text and the SVG --}}
        {{packageLabel.labelText}}{{#if packageLabel.labelLink}}<svg class="c-package__label-link__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true"><use xlink:href="{{generatedSvgSpritePath}}#package-label-link"></use></svg>{{/if}}
      {{#if packageLabel.labelLink}}
        </a>
      {{/if}}
    </span>
  {{/if}}
  {{!-- Package cards --}}
  <div class="c-package__stories">
    {{#ifCond packageType "==" "hero"}}
      {{#each stories}}
        {{#if @first}}
          <div class="c-package__col">
            <div class="u-wrapper">
              {{> card-grid this }}
            </div>
          </div>
          <div class="c-package__col">
        {{else}}
          <div class="u-wrapper">
            {{> card-grid this }}
          </div>
        {{/if}}
        {{#if @last}}
          </div>
        {{/if}}
      {{/each}}
    {{else}}
      {{#each stories}}
        <div class="u-wrapper">
          {{> card-grid this }}
        </div>
      {{/each}}
    {{/ifCond}}
  </div>
</div>
