{
    "component": "summary-content-checkbox-tree",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "value": [
                    {
                        "label": "Parent content 1",
                        "options": [
                            {
                                "label": "Checkbox Tree 1 Item 1"
                            },
                            {
                                "label": "Checkbox Tree 1 Item 2"
                            },
                            {
                                "label": "Checkbox Tree 1 Item 3"
                            }
                        ]
                    },
                    {
                        "label": "Parent content 2",
                        "options": [
                            {
                                "label": "Checkbox Tree 2 Item 1"
                            },
                            {
                                "label": "Checkbox Tree 2 Item 2"
                            },
                            {
                                "label": "Checkbox Tree 2 Item 3"
                            }
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<ul class=\"govuk-list\">\n          <li>\n    <p class=\"govuk-!-margin-bottom-1\">Parent content 1</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Checkbox Tree 1 Item 1</li>\n      <li>Checkbox Tree 1 Item 2</li>\n      <li>Checkbox Tree 1 Item 3</li>\n  </ul>\n\n  </li>\n\n          <li>\n    <p class=\"govuk-!-margin-bottom-1\">Parent content 2</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Checkbox Tree 2 Item 1</li>\n      <li>Checkbox Tree 2 Item 2</li>\n      <li>Checkbox Tree 2 Item 3</li>\n  </ul>\n\n  </li>\n\n    </ul>"
        },
        {
            "name": "with no children",
            "options": {
                "value": [
                    {
                        "label": "Parent content 1"
                    },
                    {
                        "label": "Parent content 2"
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Parent content 1</li>\n      <li>Parent content 2</li>\n  </ul>"
        },
        {
            "name": "with multiple item tiers",
            "options": {
                "value": [
                    {
                        "label": "Option set 1",
                        "options": [
                            {
                                "label": "Option set 1 1",
                                "options": [
                                    {
                                        "label": "Option set 1 1 1",
                                        "options": [
                                            {
                                                "label": "Option set 1 1 1 1"
                                            },
                                            {
                                                "label": "Option set 1 1 1 2"
                                            }
                                        ]
                                    },
                                    {
                                        "label": "Option set 1 1 2",
                                        "options": [
                                            {
                                                "label": "Option set 1 1 2 1"
                                            },
                                            {
                                                "label": "Option set 1 1 2 2"
                                            }
                                        ]
                                    },
                                    {
                                        "label": "Option set 1 1 3",
                                        "options": [
                                            {
                                                "label": "Option set 1 1 3 1"
                                            },
                                            {
                                                "label": "Option set 1 1 3 2"
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "label": "Option set 1 2",
                                "options": [
                                    {
                                        "label": "Option set 1 2 1",
                                        "options": [
                                            {
                                                "label": "Option set 1 2 1 1"
                                            },
                                            {
                                                "label": "Option set 1 2 1 2"
                                            }
                                        ]
                                    },
                                    {
                                        "label": "Option set 1 2 2",
                                        "options": [
                                            {
                                                "label": "Option set 1 2 2 1"
                                            },
                                            {
                                                "label": "Option set 1 2 2 2"
                                            }
                                        ]
                                    },
                                    {
                                        "label": "Option set 1 2 3",
                                        "options": [
                                            {
                                                "label": "Option set 1 2 3 1"
                                            },
                                            {
                                                "label": "Option set 1 2 3 2"
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<ul class=\"govuk-list\">\n          <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1</p>\n      <ul class=\"govuk-list\">\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 1</p>\n      <ul class=\"govuk-list\">\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 1 1</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Option set 1 1 1 1</li>\n      <li>Option set 1 1 1 2</li>\n  </ul>\n\n  </li>\n\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 1 2</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Option set 1 1 2 1</li>\n      <li>Option set 1 1 2 2</li>\n  </ul>\n\n  </li>\n\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 1 3</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Option set 1 1 3 1</li>\n      <li>Option set 1 1 3 2</li>\n  </ul>\n\n  </li>\n\n      </ul>\n  </li>\n\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 2</p>\n      <ul class=\"govuk-list\">\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 2 1</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Option set 1 2 1 1</li>\n      <li>Option set 1 2 1 2</li>\n  </ul>\n\n  </li>\n\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 2 2</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Option set 1 2 2 1</li>\n      <li>Option set 1 2 2 2</li>\n  </ul>\n\n  </li>\n\n            <li>\n    <p class=\"govuk-!-margin-bottom-1\">Option set 1 2 3</p>\n        <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Option set 1 2 3 1</li>\n      <li>Option set 1 2 3 2</li>\n  </ul>\n\n  </li>\n\n      </ul>\n  </li>\n\n      </ul>\n  </li>\n\n    </ul>"
        }
    ]
}