// src/components/patterns/form/checkout/checkout-list/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/form/checkout-list/checkout-list
additionalProperties: false
required:
  - intro
  - items
properties:
  intro:
    $ref: /patterns/form/checkout/checkout-list/checkout-list-intro
  items:
    type: array
    items:
      $ref: /patterns/form/checkout/checkout-list/checkout-list-item

// src/components/patterns/form/checkout/checkout-list/mocks.yaml

$variants:
  - $name: default
    intro:
      $ref: /patterns/form/checkout/checkout-list/checkout-list-intro
    items:
      - $ref: >-
          /patterns/form/checkout/checkout-list/checkout-list-item#donation-amount
      - $ref: /patterns/form/checkout/checkout-list/checkout-list-item#personal-data
      - $ref: /patterns/form/checkout/checkout-list/checkout-list-item#payment
      - $ref: /patterns/form/checkout/checkout-list/checkout-list-item#gift
  - $name: material
    intro:
      $ref: /patterns/form/checkout/checkout-list/checkout-list-intro
    items:
      - $ref: >-
          /patterns/form/checkout/checkout-list/checkout-list-item#material-order
      - $ref: /patterns/form/checkout/checkout-list/checkout-list-item#personal-data

// src/components/patterns/form/checkout/checkout-list/checkout-list.html.twig

<div class="CheckoutList">
  {% include "@patterns/form/checkout/checkout-list/checkout-list-intro/checkout-list-intro.html.twig" with intro only %}

  {% for item in items %}
    {% set extended_item = item|merge({class: "CheckoutList-item"}) %}
    {% include "@patterns/form/checkout/checkout-list/checkout-list-item/checkout-list-item.html.twig" with extended_item only %}
  {% endfor %}
</div>