{
    "component": "cookie-banner",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "messages": [
                    {
                        "headingText": "Cookies on this government service",
                        "text": "We use analytics cookies to help understand how users use our service.",
                        "actions": [
                            {
                                "text": "Accept analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "accept"
                            },
                            {
                                "text": "Reject analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "reject"
                            },
                            {
                                "text": "View cookie preferences",
                                "href": "/cookie-preferences"
                            }
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": true,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "accepted confirmation banner",
            "options": {
                "messages": [
                    {
                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
                        "role": "alert",
                        "actions": [
                            {
                                "text": "Hide cookie message",
                                "type": "button"
                            }
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "rejected confirmation banner",
            "options": {
                "messages": [
                    {
                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
                        "role": "alert",
                        "actions": [
                            {
                                "text": "Hide cookie message",
                                "type": "button"
                            }
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "with html",
            "options": {
                "messages": [
                    {
                        "headingHtml": "Cookies on <span>my service</span>",
                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n<p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n",
                        "actions": [
                            {
                                "text": "Accept analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "accept"
                            },
                            {
                                "text": "Reject analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "reject"
                            },
                            {
                                "text": "View cookie preferences",
                                "href": "/cookie-preferences"
                            }
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n          <p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "heading html",
            "options": {
                "messages": [
                    {
                        "headingHtml": "Cookies on <span>my service</span>"
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "heading html as text",
            "options": {
                "messages": [
                    {
                        "headingText": "Cookies on <span>my service</span>"
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on &lt;span&gt;my service&lt;/span&gt;\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "html",
            "options": {
                "messages": [
                    {
                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>"
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "classes",
            "options": {
                "messages": [
                    {
                        "classes": "app-my-class"
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "attributes",
            "options": {
                "messages": [
                    {
                        "attributes": {
                            "data-attribute": "my-value"
                        }
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "custom aria label",
            "options": {
                "ariaLabel": "Cookies on GOV.UK",
                "messages": [
                    {
                        "text": "We use cookies on GOV.UK"
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies on GOV.UK</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "hidden",
            "options": {
                "messages": [
                    {
                        "hidden": true
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "hidden false",
            "options": {
                "messages": [
                    {
                        "hidden": false
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
        },
        {
            "name": "default action",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "This is a button"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a button\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "link",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "This is a link",
                                "href": "/link"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "link with false button options",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "This is a link",
                                "href": "/link",
                                "value": "cookies",
                                "name": "link"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "link as a button",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "This is a link",
                                "href": "/link",
                                "type": "button"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a link\n      </a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "type",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "Button",
                                "type": "button"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Button\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "button classes",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "Button with custom classes",
                                "classes": "my-button-class app-button-class"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n        Button with custom classes\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "button attributes",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "Button with attributes",
                                "attributes": {
                                    "data-button-attribute": "my-value"
                                }
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-button-attribute=\"my-value\">\n        Button with attributes\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "link classes",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "Link with custom classes",
                                "href": "/my-link",
                                "classes": "my-link-class app-link-class"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "link attributes",
            "options": {
                "messages": [
                    {
                        "actions": [
                            {
                                "text": "Link with attributes",
                                "href": "/link",
                                "attributes": {
                                    "data-link-attribute": "my-value"
                                }
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "client-side implementation",
            "options": {
                "messages": [
                    {
                        "headingText": "Cookies on this service",
                        "text": "We use cookies to help understand how users use our service.",
                        "actions": [
                            {
                                "text": "Accept analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "accept"
                            },
                            {
                                "text": "Reject analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "reject"
                            },
                            {
                                "text": "View cookie preferences",
                                "href": "/cookie-preferences"
                            }
                        ]
                    },
                    {
                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
                        "role": "alert",
                        "hidden": true,
                        "actions": [
                            {
                                "text": "Hide cookie message",
                                "type": "button"
                            }
                        ]
                    },
                    {
                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
                        "role": "alert",
                        "hidden": true,
                        "actions": [
                            {
                                "text": "Hide cookie message",
                                "type": "button"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "full banner hidden",
            "options": {
                "hidden": true,
                "classes": "hide-cookie-banner",
                "attributes": {
                    "data-hide-cookie-banner": "true"
                },
                "messages": [
                    {
                        "headingText": "Cookies on this service",
                        "text": "We use cookies to help understand how users use our service.",
                        "actions": [
                            {
                                "text": "Accept analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "accept"
                            },
                            {
                                "text": "Reject analytics cookies",
                                "type": "submit",
                                "name": "cookies",
                                "value": "reject"
                            },
                            {
                                "text": "View cookie preferences",
                                "href": "/cookie-preferences"
                            }
                        ]
                    },
                    {
                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
                        "role": "alert",
                        "actions": [
                            {
                                "text": "Hide cookie message",
                                "type": "button"
                            }
                        ]
                    },
                    {
                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
                        "role": "alert",
                        "actions": [
                            {
                                "text": "Hide cookie message",
                                "type": "button"
                            }
                        ]
                    }
                ]
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"submit\" value=\"accept\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button type=\"submit\" value=\"reject\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        }
    ]
}