{
    "component": "warning-text",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "text": "You can be fined up to £5,000 if you don’t register.",
                "iconFallbackText": "Warning"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
        },
        {
            "name": "multiple lines",
            "options": {
                "text": "If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.",
                "iconFallbackText": "Warning"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.\n  </strong>\n</div>"
        },
        {
            "name": "attributes",
            "options": {
                "text": "You can be fined up to £5,000 if you don’t register.",
                "attributes": {
                    "id": "my-warning-text",
                    "data-test": "attribute"
                }
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\" id=\"my-warning-text\" data-test=\"attribute\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
        },
        {
            "name": "classes",
            "options": {
                "text": "Warning text",
                "classes": "govuk-warning-text--custom-class"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text govuk-warning-text--custom-class\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    Warning text\n  </strong>\n</div>"
        },
        {
            "name": "html",
            "options": {
                "text": "You can be fined up to £5,000 if you don’t register.",
                "html": "<span>Some custom warning text</span>"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    <span>Some custom warning text</span>\n  </strong>\n</div>"
        },
        {
            "name": "html as text",
            "options": {
                "text": "<span>Some custom warning text</span>"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    &lt;span&gt;Some custom warning text&lt;/span&gt;\n  </strong>\n</div>"
        },
        {
            "name": "icon fallback text only",
            "options": {
                "iconFallbackText": "Some custom fallback text"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Some custom fallback text</span>\n    \n  </strong>\n</div>"
        },
        {
            "name": "no icon fallback text",
            "options": {
                "text": "This is a warning"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    This is a warning\n  </strong>\n</div>"
        }
    ]
}