{% macro dprCardGroup(cards, variant = 1) %}
  <div class="dpr-card-group dpr-card-group-v{{ variant }}" data-dpr-module="card-group">
    {% for card in cards %}
      {% if variant === 1 %}
        <div class="dpr-card-group__item card card--clickable" data-click-navigate-to="{{ card.href }}">
          <div class="card-wrapper">
            <h2 class="govuk-heading-m card__heading">
              <a class="govuk-link card__link govuk-link--no-visited-state" href="{{ card.href }}"> {{ card.text }} </a>
            </h2>
            <p class="govuk-body card__description">{{ card.description }}</p>
          </div>
        </div>
      {% else %}
        <div class="dpr-card-group__item" data-click-navigate-to="{{ card.href }}">
          <div class="card-wrapper">
            <hr
              class="govuk-section-break govuk-section-break--m govuk-section-break--visible govuk-!-static-margin-top-0"
            />
            <div class="dpr-card-group__item-header">
              <a
                class="govuk-link govuk-!-font-weight-bold govuk-link--no-visited-state govuk-body card__link"
                href="{{ card.href }}"
              >
                {{ card.text }}
              </a>
            </div>
            <p class="govuk-!-static-margin-top-3 govuk-!-static-margin-bottom-0 card__description">
              {{ card.description }}
            </p>
          </div>
        </div>
      {% endif %}
    {% endfor %}
  </div>
{% endmacro %}