<div class="o-package{{#if packageStyle}} o-package--{{packageStyle}}{{/if}}{{#if packageOpacity}} o-package--{{packageOpacity}}{{/if}}{{#if packageColor}} o-package--single-topic--inverted-{{packageColor}}{{/if}}">
  {{#if packageLabel}}
    <span class="o-package__label{{#if packageLabel.labelStyle}} o-package__label--{{packageLabel.labelStyle}}{{/if}}">
      {{packageLabel.labelText}}
    </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>
</div>
