<div class="o-package{{#if packageStyle}} o-package--{{packageStyle}}{{/if}}">
  {{#if packageLabel}}
    <span class="o-package__label{{#if packageLabel.labelStyle}} o-package__label--{{packageLabel.labelStyle}}{{/if}}">
      {{#if packageLabel.labelLink}}
        <a href="#" class="o-package__label-link">
      {{/if}}
          {{packageLabel.labelText}}{{#if packageLabel.labelLink}}<svg class="o-package__label-link__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true"><use xlink:href="{{generatedSvgSpritePath}}#package-label-link"></use></svg>
        </a>
      {{/if}}
    </span>
  {{/if}}

  <div class="o-package__stories">
    {{#if packageColumns}}
      {{#each stories }}
        {{#if @first}}
          <div class="o-package__col">
            <div class="u-wrapper">
              {{> homepage/cards-sample this }}
            </div>
          </div>
          <div class="o-package__col">
        {{else}}
          <div class="u-wrapper">
            {{> homepage/cards-sample this }}
          </div>
        {{/if}}
        {{#if @last}}
          </div>
        {{/if}}
      {{/each}}
    {{else}}
      {{#each stories }}
        <div class="u-wrapper">
          {{> homepage/cards-sample this }}
        </div>
      {{/each}}
    {{/if}}
  </div>
  {{#if viewMore}}
    <span class="o-package__button">
      {{> button anchorButton=true buttonModifierClasses="c-button--white-secondary c-button--full-width" buttonText=viewMore.buttonLabel }}
    </span>
  {{/if}}
</div>
