{{>list_header}}
{{#if facts}}
  {{#if cruise}}
    <div class="tui-top-facts-cruises-container">
      <ul class="tui-top-facts-cruises{{#if cssClass}} {{cssClass}}{{/if}}">
        {{#each facts}}
          <li class="tui-top-facts-item">
            <div class="cutout">{{>icon_svg name=(keyToSvgMapper key)}}</div>
            <div class="wrapper">
              {{>icon_svg name=(keyToSvgMapper key)}}
              <div class="text-value">
                <span class="text">{{name}}</span>
                {{#if description}}<span class="value text-2">{{{description}}}</span>{{/if}}
              </div>
            </div>
          </li>
        {{/each}}
      </ul>
    </div>
  {{else}}
    <ul class="tui-top-facts{{#if cssClass}} {{cssClass}}{{/if}}">
      {{#each facts}}
        <li class="tui-top-facts-item">
          {{>icon_svg name=(keyToSvgMapper key)}}
          <div class="text-value">
            <span class="text">{{name}}</span>
            {{#if description}}<span class="value text-2">{{{description}}}</span>{{/if}}
          </div>
        </li>
      {{/each}}
    </ul>
    {{#if (isArray tags)}}
      {{#if (inArray tags 'climate')}}
        <div class="mobile-container climate-container">
          {{#if (hasArticle data.fields.campaignArticles 'climate')}}<a href="#climate" class="climate-link">{{/if}}
            {{>climate_notification text=(getResource resourceObject 'climateCompensatedTopfacts')}}
          {{#if (hasArticle data.fields.campaignArticles 'climate')}}</a>{{/if}}
        </div>
      {{/if}}
    {{/if}}
  {{/if}}
{{/if}}
