{
    "component": "cookie-banner",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "serviceName": "Digital Marketplace",
                "cookieInfoUrl": "/cookies",
                "cookieSettingsUrl": "/user/cookie-settings"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-cookie-banner dm-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on Digital Marketplace\" id=\"dm-cookie-banner\" data-module=\"dm-cookie-banner\">\n  <div class=\"govuk-cookie-banner__message dm-cookie-banner__button--main 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 Digital Marketplace\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use some essential cookies to make this service work.</p>\n            <p class=\"govuk-body\">We’d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--accept\" data-module=\"govuk-button\" data-accept-cookies=\"true\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--reject\" data-module=\"govuk-button\" data-accept-cookies=\"false\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookies\">How Digital Marketplace uses cookies</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message dm-cookie-banner--selection-made 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          <p class=\"dm-cookie-banner__confirmation-message govuk-body\">\n              You can <a class=\"govuk-link\" href=\"/user/cookie-settings\">change your cookie settings</a> at any time.\n            </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\" data-hide-cookie-banner=\"true\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "with custom service name",
            "options": {
                "serviceName": "Digital Marketplace Admin"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-cookie-banner dm-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on Digital Marketplace Admin\" id=\"dm-cookie-banner\" data-module=\"dm-cookie-banner\">\n  <div class=\"govuk-cookie-banner__message dm-cookie-banner__button--main 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 Digital Marketplace Admin\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use some essential cookies to make this service work.</p>\n            <p class=\"govuk-body\">We’d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--accept\" data-module=\"govuk-button\" data-accept-cookies=\"true\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--reject\" data-module=\"govuk-button\" data-accept-cookies=\"false\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookies\">How Digital Marketplace Admin uses cookies</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message dm-cookie-banner--selection-made 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          <p class=\"dm-cookie-banner__confirmation-message govuk-body\">\n              You can <a class=\"govuk-link\" href=\"/users/cookie-settings\">change your cookie settings</a> at any time.\n            </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\" data-hide-cookie-banner=\"true\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        },
        {
            "name": "with custom componentID",
            "options": {
                "serviceName": "Digital Marketplace",
                "id": "my-custom-component-id"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-cookie-banner dm-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on Digital Marketplace\" id=\"my-custom-component-id\" data-module=\"dm-cookie-banner\">\n  <div class=\"govuk-cookie-banner__message dm-cookie-banner__button--main 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 Digital Marketplace\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use some essential cookies to make this service work.</p>\n            <p class=\"govuk-body\">We’d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--accept\" data-module=\"govuk-button\" data-accept-cookies=\"true\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button dm-cookie-banner__button--reject\" data-module=\"govuk-button\" data-accept-cookies=\"false\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookies\">How Digital Marketplace uses cookies</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message dm-cookie-banner--selection-made 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          <p class=\"dm-cookie-banner__confirmation-message govuk-body\">\n              You can <a class=\"govuk-link\" href=\"/users/cookie-settings\">change your cookie settings</a> at any time.\n            </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\" data-hide-cookie-banner=\"true\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
        }
    ],
    "previewLayout": "full-width"
}