{
    "component": "banner",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "title": "This is the title of the banner component.",
                "text": "This is the text below the title."
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<section\n    data-module=\"dm-banner\"\n    role=\"region\"\n    aria-label=\"This is the title of the banner component.\"\n    class=\"dm-banner\">\n    <h2        class=\"dm-banner__title dm-banner__title--large\"\n    >\n        This is the title of the banner component.\n    </h2>        <div class=\"dm-banner__body\">\n            This is the text below the title.\n        </div>\n</section>"
        },
        {
            "name": "with optional headingLevel param",
            "options": {
                "headingLevel": 1,
                "title": "Banner with optional headingLevel param."
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<section\n    data-module=\"dm-banner\"\n    role=\"region\"\n    aria-label=\"Banner with optional headingLevel param.\"\n    class=\"dm-banner\">\n    <h1        class=\"dm-banner__title\"\n    >\n        Banner with optional headingLevel param.\n    </h1></section>"
        },
        {
            "name": "with all optional parameters",
            "options": {
                "title": "Banner with all optional parameters.",
                "html": "This is the <strong>HTML</strong> below the title.",
                "text": "This should not show up.",
                "classes": "dm-banner-test-class",
                "attributes": {
                    "dm-banner-test-key-1": "dm-banner-test-value-1",
                    "dm-banner-test-key-2": "dm-banner-test-value-2"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<section\n    data-module=\"dm-banner\"\n    role=\"region\"\n    aria-label=\"Banner with all optional parameters.\"\n    class=\"dm-banner dm-banner-test-class\" dm-banner-test-key-1=\"dm-banner-test-value-1\" dm-banner-test-key-2=\"dm-banner-test-value-2\">\n    <h2        class=\"dm-banner__title dm-banner__title--large\"\n    >\n        Banner with all optional parameters.\n    </h2>        <div class=\"dm-banner__body\">\n            This is the <strong>HTML</strong> below the title.\n        </div>\n</section>"
        },
        {
            "name": "for an expired G-Cloud search",
            "options": {
                "title": "The G-Cloud 10 services you found have expired",
                "html": "If you did not award a contract by Tuesday 2 July 2019, you need to\n<a class=\"govuk-link\" href=\"#\">start a new search for G-Cloud 11 services</a>.\nIf you did award a contract, please tell us the outcome.\n"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<section\n    data-module=\"dm-banner\"\n    role=\"region\"\n    aria-label=\"The G-Cloud 10 services you found have expired\"\n    class=\"dm-banner\">\n    <h2        class=\"dm-banner__title dm-banner__title--large\"\n    >\n        The G-Cloud 10 services you found have expired\n    </h2>        <div class=\"dm-banner__body\">\n            If you did not award a contract by Tuesday 2 July 2019, you need to\n<a class=\"govuk-link\" href=\"#\">start a new search for G-Cloud 11 services</a>.\nIf you did award a contract, please tell us the outcome.\n\n        </div>\n</section>"
        },
        {
            "name": "for a withdrawn DOS opportunity",
            "options": {
                "title": "This service was removed on Friday 1 November 2019",
                "html": "If you don’t know why this service was removed or you want to reinstate it, contact\n<a class=\"govuk-link\" href=\"mailto:#\">cloud_digital@gca.gov.uk</a>.\n"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<section\n    data-module=\"dm-banner\"\n    role=\"region\"\n    aria-label=\"This service was removed on Friday 1 November 2019\"\n    class=\"dm-banner\">\n    <h2        class=\"dm-banner__title dm-banner__title--large\"\n    >\n        This service was removed on Friday 1 November 2019\n    </h2>        <div class=\"dm-banner__body\">\n            If you don’t know why this service was removed or you want to reinstate it, contact\n<a class=\"govuk-link\" href=\"mailto:#\">cloud_digital@gca.gov.uk</a>.\n\n        </div>\n</section>"
        }
    ]
}