<div class="o-related-articles{{#if dark}} o-related-articles--dark{{/if}}">
  <h2 class="o-related-articles__heading">{{this.heading}}</h2>
  <div class="o-related-articles__cards">
    {{#each articles}}
      <div class="o-card o-card--story">
        <a href="#" class="o-card__link">
          {{#if this.labelOpinion}}
            <div class="c-label--card">
              <span class="c-label--card__content">{{this.labelOpinion}}</span>
            </div>
          {{/if}}
          {{#if this.labelSpecial}}
            <div class="c-label--card c-label--card--special">
              <span class="c-label--card__content">{{this.labelSpecial}}</span>
            </div>
          {{/if}}
          {{#if this.labelAuthor}}
            <div class="c-label--card c-label--card--author">
              <span class="c-label--card__content">{{this.labelAuthor}}</span>
            </div>
          {{/if}}
          <div class="o-card__content">
            <div class="o-card__col">
              <span class="o-card__content-group">
                <span class="o-card__content-text">{{~this.text~}}</span>
                {{#if this.number}}
                  <span class="o-card__content-number">{{this.number}}</span>
                {{/if}}
                {{#if this.indicatorIcon}}
                  {{> indicator-icon icon=this.indicatorIcon }}
                {{/if}}
              </span>
              {{#if this.timestamp}}
                {{> timestamp timestamp=this.timestamp }}
              {{/if}}
            </div>
            {{#if this.photo}}
              <div class="o-card__col">
                <img class="c-image" src="{{this.photo.url}}" alt="{{this.photo.alt}}">
              </div>
            {{/if}}
          </div>
        </a>
      </div>
    {{/each}}
  </div>
</div>
