// 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: Cover
    items:
      - $tpl: patterns/hero
        $ref: patterns/hero
      - $tpl: patterns/text-image
        $ref: patterns/text-image
        text:
          content: >-
            <h3>Chapter 1 title</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
        text:
          content: >-
            <h3>Chapter 2 title</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
        text:
          content: >-
            <h3>Chapter 3 title</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>
  - $name: Chapter
    items:
      - $tpl: patterns/hero
        $ref: patterns/hero
      - $tpl: patterns/accordion
        $ref: patterns/accordion
      - $tpl: patterns/rich-text
        is_large: true
        content: >-
          <h1>Chapter 1 title</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>
      - $tpl: patterns/downloads
        $ref: patterns/downloads
      - $tpl: patterns/page-nav
        $ref: patterns/page-nav#previous-and-next
  - $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
      - $tpl: template-components/pagination
        $ref: template-components/pagination#first

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

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