copy-item

// src/components/template-components/footer/copy-item/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/footer/copy-item
additionalProperties: false
type: object
properties:
  copy:
    type: string
  link:
    type: string
    format: html
    description: elements/link
required:
  - copy
  - link

// src/components/template-components/footer/copy-item/mocks.yaml

$hidden: true
$variants:
  - $name: item-1
    copy: >-
      Dieses Fenster ist hier zu Ende. Nur bei uns hört das Thema nie auf – hat
      schon unser Gründer erkannt.
    link:
      label: Lernen Sie ihn kennen!
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url
  - $name: item-2
    copy: >-
      Dieses Fenster ist hier zu Ende. Aber wir haben noch so viele mehr … auf
      unsere Webseite – und vor allem im Sortiment.
    link:
      label: Planen Sie los!
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url
  - $name: item-3
    copy: >-
      Dieses Fenster lässt sich per Klick schließen und öffnen. Unsere Fenster
      bieten so viel mehr Öffnungsarten: Probieren Sie’s aus –
    link:
      label: in unserem Studio.
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url
  - $name: item-4
    copy: >-
      Bei diesem Fenster ist hier unten nicht mehr viel los. Bei unseren
      Fenstern können Sie den kompletten Rahmen aufregend gestalten.
    link:
      label: Lassen Sie sich inspirieren!
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url
  - $name: item-5
    copy: >-
      Bei diesem Fenster geben wir vor, was Sie sehen. Unsere Fenster
      komponieren Sie selbst … mit den vielfältigsten Möglichkeiten.
    link:
      label: Staunen Sie hier!
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url
  - $name: item-6
    copy: >-
      Dieses Fenster ist programmiert. Unsere Fenster werden komponiert – von
      Ihnen.
    link:
      label: Am besten im Studio!
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url
  - $name: item-7
    copy: >-
      Dieses Fenster ist Teil eines Standard-Browsers. Unsere Fenster sind
      prägend für außergewöhnliche Architektur.
    link:
      label: Zum Beispiel hier.
      $ref: elements/link
      $tpl: elements/link
      icon: true
      url: url

// src/components/template-components/footer/copy-item/copy-item.twig

<div class="Footer-copyItem js-Footer-copyItem" hidden>
	{{ copy|raw }} {{ link }}
</div>