{
  "component": "hero",
  "fixtures": [
    {
      "name": "minimal",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<div class=\"tna-hero\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></div>"
    },
    {
      "name": "with a title",
      "options": {
        "title": "Title",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with a different size title",
      "options": {
        "title": "Title",
        "headingSize": "m",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-m tna-hero__heading\">Title</h1></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with a different level title",
      "options": {
        "title": "Title",
        "headingLevel": "2",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h2 class=\"tna-heading-xl tna-hero__heading\">Title</h2></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with a title and supertitle",
      "options": {
        "supertitle": "Title",
        "title": "Title",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><hgroup class=\"tna-hgroup-xl tna-hero__heading\"><p class=\"tna-hgroup__supertitle\">Title</p><h1 class=\"tna-hgroup__title\">Title</h1></hgroup></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with text",
      "options": {
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with body",
      "options": {
        "body": "<p class=\"tna-large-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><p class=\"tna-large-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "accent style",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "style": "accent"
      },
      "html": "<header class=\"tna-hero tna-background-accent\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "accent-light style",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "style": "accent-light"
      },
      "html": "<header class=\"tna-hero tna-background-accent-light\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "contrast style",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "style": "contrast"
      },
      "html": "<header class=\"tna-hero tna-background-contrast\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "tint style",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "style": "tint"
      },
      "html": "<header class=\"tna-hero tna-background-tint\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "shifted",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "layout": "shift"
      },
      "html": "<header class=\"tna-hero tna-hero--shift\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "shifted with style",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "style": "shift"
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "split",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "layout": "split"
      },
      "html": "<header class=\"tna-hero tna-hero--split\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "split with style",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "style": "accent",
        "layout": "split"
      },
      "html": "<header class=\"tna-hero tna-background-accent tna-hero--split\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "narrow",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "narrow": true
      },
      "html": "<header class=\"tna-hero tna-hero--narrow\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with caption",
      "options": {
        "title": "Title",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023"
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></header>"
    },
    {
      "name": "image with caption",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023"
      },
      "html": "<div class=\"tna-hero\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></div>"
    },
    {
      "name": "with alternative image sources",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023",
        "imageSources": [
          {
            "src": "https://www.gstatic.com/webp/gallery/2.webp",
            "type": "image/webp"
          }
        ]
      },
      "html": "<div class=\"tna-hero\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><source srcset=\"https://www.gstatic.com/webp/gallery/2.webp\" type=\"image/webp\" width=\"499\" height=\"333\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></div>"
    },
    {
      "name": "with alternative image sources with media queries",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023",
        "imageSources": [
          {
            "src": "https://www.gstatic.com/webp/gallery/2.webp",
            "type": "image/webp",
            "media": "(max-width: 48em)"
          }
        ]
      },
      "html": "<div class=\"tna-hero\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><source srcset=\"https://www.gstatic.com/webp/gallery/2.webp\" type=\"image/webp\" width=\"499\" height=\"333\" media=\"(max-width: 48em)\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></div>"
    },
    {
      "name": "with alternative image sources with different width/heights",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023",
        "imageSources": [
          {
            "src": "https://www.gstatic.com/webp/gallery/2.webp",
            "type": "image/webp",
            "width": 550,
            "height": 404
          }
        ]
      },
      "html": "<div class=\"tna-hero\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><source srcset=\"https://www.gstatic.com/webp/gallery/2.webp\" type=\"image/webp\" width=\"550\" height=\"404\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></div>"
    },
    {
      "name": "with actions",
      "options": {
        "title": "Title",
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "actions": [
          {
            "text": "Action 1",
            "href": "#"
          },
          {
            "text": "Action 2",
            "href": "#",
            "icon": "globe"
          },
          {
            "text": "Action 3",
            "href": "#",
            "title": "Go and do the action",
            "icon": "chevron-right",
            "rightAlignIcon": true
          }
        ]
      },
      "html": "<header class=\"tna-hero\"><figure class=\"tna-hero__figure\"><div class=\"tna-container tna-hero__inner\"><div class=\"tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content\"><div class=\"tna-hero__content-inner\"><h1 class=\"tna-heading-xl tna-hero__heading\">Title</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><div class=\"tna-button-group tna-hero__actions\"><a href=\"#\" class=\"tna-button\">Action 1</a><a href=\"#\" class=\"tna-button\"><i class=\"fa-solid fa-globe\" aria-hidden=\"true\"></i>Action 2</a><a href=\"#\" class=\"tna-button tna-button--icon-right\" aria-label=\"Go and do the action\" title=\"Go and do the action\"><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"></i>Action 3</a></div></div></div></div><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture></figure></header>"
    },
    {
      "name": "with classes",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023",
        "classes": "hero__test-class"
      },
      "html": "<div class=\"tna-hero hero__test-class\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></div>"
    },
    {
      "name": "with attributes",
      "options": {
        "imageSrc": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
        "imageAlt": "The National Archives office",
        "imageWidth": 499,
        "imageHeight": 333,
        "imageCaption": "An interesting photo by a famous photographer ©2023",
        "attributes": {
          "data-testattribute": "foobar"
        }
      },
      "html": "<div class=\"tna-hero\" data-testattribute=\"foobar\"><figure class=\"tna-hero__figure\"><picture class=\"tna-hero__image\"><img src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\" width=\"499\" height=\"333\"></picture><figcaption class=\"tna-hero__caption\"><details class=\"tna-hero__details\"><summary class=\"tna-hero__details-summary tna-button tna-button--small tna-button--icon-only-mobile\" aria-label=\"Additional information about this image\"><i class=\"fa-solid fa-circle-info tna-hero__details-summary-icon\" aria-hidden=\"true\"></i>About this image</summary><div class=\"tna-hero__information\">An interesting photo by a famous photographer ©2023</div></details></figcaption></figure></div>"
    }
  ]
}