// src/components/patterns/text-teaser/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/text-teaser
additionalProperties: false
type: object
required:
  - heading
  - copy
properties:
  heading:
    type: string
  copy:
    type: string
    format: html
  link:
    $ref: /elements/link
  element:
    type: boolean
    default: false
  classes:
    type: array
    items:
      type: string

// src/components/patterns/text-teaser/mocks.yaml

$hidden: true
$variants:
  - $name: Initiative application
    heading: Initiativ-Bewerbung
    copy: >-
      <p>Sie möchten unsere Erfolgsgeschichte mitschreiben, es ist jedoch (noch)
      keine passende Stelle für Sie dabei? Dann bewerben Sie sich gern
      initiativ.<br><br>Wir sind immer auf der Suche nach motivierten und
      ehrgeizigen Mitarbeitern.</p>
    element: true
  - $name: Thank you
    heading: Danke für ihre Bewerbung.
    copy: >-
      Wir werden uns zeitnah mit Ihnen in Verbindung setzen. In der Zwischenzeit
      finden Sie hier Artikel aus unserem Magazin für weitere Informationen zu
      unserem Unternehmen.<br><br>Immer mit freundlichen Grüßen<br>Ihr
      Finstral-Team
    link:
      $ref: elements/link#with-icon
      $tpl: elements/link
      label: Zurück zur Übersicht
  - $name: Vacancies
    heading: Offene Stellen bei Finstral Partnern
    copy: >-
      Unsere Partner beraten, verkaufen und montieren Finstral Fenster,
      Haustüren und Glaswände in ganz Europa. Und das mit denselben hohen
      Qualitätsmaßstäben wie Finstral selbst. Hier finden Sie offene Stellen bei
      unseren Partnern.

// src/components/patterns/text-teaser/text-teaser.twig

{{ attach_library('finstral_global/pattern-text-teaser') }}

<div class="TextTeaser{% if not element %} u-grid u-container{% endif %} {{ classes|join(" ") }}">
	<div class="TextTeaser-text">
		<h1 class="TextTeaser-heading u-typo-HeadlineXXL">{{ heading }}</h1>
		<div class="TextTeaser-copy u-typo-TextL">{{ copy }}</div>
		{% if link %}
			<p class="TextTeaser-link">{{ link }}</p>
		{% endif %}
	</div>
</div>