countdown

// src/components/elements/countdown/countdown.html.twig

{% set elements = [
    {label: "Tage", name: "days"},
    {label: "Stunden", name: "hours"},
    {label: "Minuten", name: "minutes"},
    {label: "Sekunden", name: "seconds"}
  ]
%}

<div class="Countdown js-Countdown{% if class %} {{ class }}{% endif %}" data-counter-end-timestamp="{{ counter_end_timestamp }}">
  {% for element in elements %}
    {% if loop.index0 != 0 %}
      <span class="Countdown-divider u-typo-headline1">:</span>
    {% endif %}
    <div class="Countdown-number">
      <span class="Countdown-numberValue u-typo-headline1 js-Countdown-{{ element.name }}">00</span>
      <span class="Countdown-numberName">{{ element.label }}</span>
    </div>
  {% endfor %}
</div>