{
    "component": "temporary-message",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "heading": "Your G-Cloud 13 application",
                "messages": [
                    {
                        "text": "Deadline: 8am BST, Tuesday 1 August 2023"
                    }
                ],
                "link": {
                    "href": "#",
                    "text": "Continue your application"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"dm-temporary-message\">\n\n  <h2 class=\"dm-temporary-message__heading\">\n    Your G-Cloud 13 application\n  </h2>\n    <p class=\"dm-temporary-message__message\">\n      Deadline: 8am BST, Tuesday 1 August 2023\n    </p>    <a class=\"govuk-link govuk-link--inverse\" href=\"#\">\n      Continue your application\n    </a></div>"
        },
        {
            "name": "with button",
            "options": {
                "heading": "Your G-Cloud 13 application",
                "messages": [
                    {
                        "text": "Deadline: 8am BST, Tuesday 1 August 2023"
                    }
                ],
                "button": {
                    "type": "save",
                    "text": "Continue your application"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"dm-temporary-message\">\n\n  <h2 class=\"dm-temporary-message__heading\">\n    Your G-Cloud 13 application\n  </h2>\n    <p class=\"dm-temporary-message__message\">\n      Deadline: 8am BST, Tuesday 1 August 2023\n    </p>\n    <button type=\"save\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Continue your application\n</button></div>"
        },
        {
            "name": "with different heading level",
            "options": {
                "heading": "Your G-Cloud 13 application",
                "messages": [
                    {
                        "text": "Deadline: 8am BST, Tuesday 1 August 2023"
                    }
                ],
                "link": {
                    "href": "#",
                    "text": "Continue your application"
                },
                "headingLevel": 4
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"dm-temporary-message\">\n\n  <h4 class=\"dm-temporary-message__heading\">\n    Your G-Cloud 13 application\n  </h4>\n    <p class=\"dm-temporary-message__message\">\n      Deadline: 8am BST, Tuesday 1 August 2023\n    </p>    <a class=\"govuk-link govuk-link--inverse\" href=\"#\">\n      Continue your application\n    </a></div>"
        },
        {
            "name": "with multiple messages",
            "options": {
                "heading": "Your G-Cloud 13 application",
                "messages": [
                    {
                        "text": "Deadline: 8am BST, Tuesday 1 August 2023"
                    },
                    {
                        "text": "You will not be able to submit after the deadline passes"
                    }
                ],
                "link": {
                    "href": "#",
                    "text": "Continue your application"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"dm-temporary-message\">\n\n  <h2 class=\"dm-temporary-message__heading\">\n    Your G-Cloud 13 application\n  </h2>\n    <p class=\"dm-temporary-message__message\">\n      Deadline: 8am BST, Tuesday 1 August 2023\n    </p>    <p class=\"dm-temporary-message__message\">\n      You will not be able to submit after the deadline passes\n    </p>    <a class=\"govuk-link govuk-link--inverse\" href=\"#\">\n      Continue your application\n    </a></div>"
        },
        {
            "name": "no actions",
            "options": {
                "heading": "Your G-Cloud 13 application",
                "messages": [
                    {
                        "text": "Deadline: 8am BST, Tuesday 1 August 2023"
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"dm-temporary-message\">\n\n  <h2 class=\"dm-temporary-message__heading\">\n    Your G-Cloud 13 application\n  </h2>\n    <p class=\"dm-temporary-message__message\">\n      Deadline: 8am BST, Tuesday 1 August 2023\n    </p></div>"
        },
        {
            "name": "with button and classes",
            "options": {
                "heading": "Your G-Cloud 13 application",
                "messages": [
                    {
                        "text": "Deadline: 8am BST, Tuesday 1 August 2023"
                    }
                ],
                "button": {
                    "type": "save",
                    "text": "Continue your application",
                    "classes": "custom-button-class"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"dm-temporary-message\">\n\n  <h2 class=\"dm-temporary-message__heading\">\n    Your G-Cloud 13 application\n  </h2>\n    <p class=\"dm-temporary-message__message\">\n      Deadline: 8am BST, Tuesday 1 August 2023\n    </p>\n    <button type=\"save\" class=\"govuk-button govuk-button--inverse custom-button-class\" data-module=\"govuk-button\">\n  Continue your application\n</button></div>"
        }
    ]
}