// src/components/template-components/content/main/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/content/main
additionalProperties: false
type: object
required:
  - items
properties:
  items:
    type: array
    items:
      type: string
      format: html
      description: patterns/*

// src/components/template-components/content/main/mocks.yaml

$variants:
  - $name: Default
    items:
      - $tpl: patterns/hero
        $ref: patterns/hero
      - $tpl: patterns/rich-text
        title: This is a heading
        content: >-
          <h2>H2 The quick brown fox jumps over the lazy dog</h2> <p><a
          href="/">This is an internal link</a> and <a
          href="https://example.com">this is an external link</a> and <b>this is
          a b tag</b> and <strong>this is a strong tag</strong> and <i>this is
          an i tag</i> and <em>this is an em tag</em> and <code>this is a code
          tag</code> and this has an <abbr title="abbreviation">abbr</abbr> and
          this has a sub element<sub>1</sub> and this has a sup
          element<sup>2</sup>.</p> <p>Aliquip quis culpa consequat officia
          officia esse eu veniam minim deserunt sunt Lorem labore. Sunt
          incididunt veniam aliquip exercitation cupidatat eu anim. Sit tempor
          ex nulla consequat anim veniam qui aliquip nostrud. Est anim ex elit
          est culpa ut consequat. Nisi minim anim id cupidatat nisi veniam do
          irure consectetur irure et.</p> <p>Eu reprehenderit ad aliqua do
          aliqua dolore amet sunt excepteur ut ut deserunt aliquip consequat.
          Velit minim do officia proident eiusmod aliquip id ut mollit. Ut amet
          labore nulla enim culpa esse nisi consequat incididunt. Tempor
          consectetur dolore reprehenderit eiusmod minim sint proident. Veniam
          laboris et nisi proident occaecat ipsum.</p> <h3>H3 The quick brown
          fox jumps over the lazy dog</h3> <p>Velit nisi quis adipisicing
          proident magna ea irure labore commodo nulla esse. Cupidatat consequat
          veniam voluptate laboris anim irure proident eu officia commodo amet
          Lorem laboris amet. Fugiat dolor aliqua irure voluptate ad. Incididunt
          voluptate nostrud anim Lorem id eu irure esse nisi officia in dolore
          culpa reprehenderit. Ipsum mollit aliqua veniam dolore culpa
          reprehenderit ullamco qui cillum pariatur laborum labore non proident.
          Voluptate ipsum proident laborum officia reprehenderit ut deserunt
          sint sunt eu in enim exercitation.</p>
      - $tpl: patterns/text-image
        $ref: patterns/text-image
        text:
          content: >-
            <h3>Text Image combination</h3> <p>Pariatur deserunt eu anim minim
            ea ullamco minim enim id ad. Elit ullamco cillum minim fugiat esse
            ea. Nostrud in consectetur irure eu consectetur cillum nisi nisi
            amet deserunt magna consequat cillum ad. Sit ullamco minim aliqua
            non ipsum dolore. Aute et nulla ipsum quis aute consequat ad sit.
            Excepteur labore culpa consequat sint velit cupidatat.</p>
      - $tpl: patterns/text-image
        $ref: patterns/text-image#reversed
        text:
          content: >-
            <h3>Reversed Text Image combination</h3> <p>Pariatur deserunt eu
            anim minim ea ullamco minim enim id ad. Elit ullamco cillum minim
            fugiat esse ea. Nostrud in consectetur irure eu consectetur cillum
            nisi nisi amet deserunt magna consequat cillum ad. Sit ullamco minim
            aliqua non ipsum dolore. Aute et nulla ipsum quis aute consequat ad
            sit. Excepteur labore culpa consequat sint velit cupidatat.</p>
      - $tpl: patterns/accordion
        $ref: patterns/accordion#with-heading
      - $tpl: patterns/tabs
        $ref: patterns/tabs#with-heading
      - $tpl: patterns/tags
        $ref: patterns/tags#with-heading
      - $tpl: patterns/teaser-list
        $ref: patterns/teaser-list#with-heading
  - $name: Article
    items:
      - $tpl: patterns/rich-text
        title: This is a heading
        content: >-
          <h1 id="test">H1 The quick brown fox jumps over the lazy dog</h1>
          <p><a href="/">This is an internal link</a> and <a
          href="https://example.com">this is an external link</a> and <b>this is
          a b tag</b> and <strong>this is a strong tag</strong> and <i>this is
          an i tag</i> and <em>this is an em tag</em> and <code>this is a code
          tag</code> and this has an <abbr title="abbreviation">abbr</abbr> and
          this has a sub element<sub>1</sub> and this has a sup
          element<sup>2</sup>.</p> <p>Aliquip quis culpa consequat officia
          officia esse eu veniam minim deserunt sunt Lorem labore. Sunt
          incididunt veniam aliquip exercitation cupidatat eu anim. Sit tempor
          ex nulla consequat anim veniam qui aliquip nostrud. Est anim ex elit
          est culpa ut consequat. Nisi minim anim id cupidatat nisi veniam do
          irure consectetur irure et.</p> <p>Eu reprehenderit ad aliqua do
          aliqua dolore amet sunt excepteur ut ut deserunt aliquip consequat.
          Velit minim do officia proident eiusmod aliquip id ut mollit. Ut amet
          labore nulla enim culpa esse nisi consequat incididunt. Tempor
          consectetur dolore reprehenderit eiusmod minim sint proident. Veniam
          laboris et nisi proident occaecat ipsum.</p> <h2>H2 The quick brown
          fox jumps over the lazy dog</h2> <p>Velit nisi quis adipisicing
          proident magna ea irure labore commodo nulla esse. Cupidatat consequat
          veniam voluptate laboris anim irure proident eu officia commodo amet
          Lorem laboris amet. Fugiat dolor aliqua irure voluptate ad. Incididunt
          voluptate nostrud anim Lorem id eu irure esse nisi officia in dolore
          culpa reprehenderit. Ipsum mollit aliqua veniam dolore culpa
          reprehenderit ullamco qui cillum pariatur laborum labore non proident.
          Voluptate ipsum proident laborum officia reprehenderit ut deserunt
          sint sunt eu in enim exercitation.</p>
  - $name: Search results
    items:
      - $tpl: template-components/search-results/form
        $ref: template-components/search-results/form
      - $tpl: template-components/search-results
        $ref: template-components/search-results
  - $name: Auth
    items:
      - $tpl: elements/form
        $ref: elements/form#auth

// src/components/template-components/content/main/main.twig

<div class="Main">
	{% for item in items %}
		{{ item }}
	{% endfor %}
</div>