{
    "component": "summary-content-multiquestion",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "value": [
                    {
                        "name": "Text question",
                        "type": "text",
                        "value": "I am some text content"
                    },
                    {
                        "name": "List question",
                        "type": "list",
                        "value": [
                            "Item 1",
                            "Item 2",
                            "Item 3"
                        ]
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Text question</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  I am some text content\n</p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">List question</p>\n      <div>\n            <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Item 1</li>\n      <li>Item 2</li>\n      <li>Item 3</li>\n  </ul>\n\n\n      </div>\n    </div>"
        },
        {
            "name": "all",
            "options": {
                "value": [
                    {
                        "name": "Text question",
                        "type": "text",
                        "value": "I am some text content"
                    },
                    {
                        "name": "text bold default",
                        "type": "text_bold",
                        "value": "I am some bold text content"
                    },
                    {
                        "name": "List question",
                        "type": "list",
                        "value": [
                            "Item 1",
                            "Item 2",
                            "Item 3"
                        ]
                    },
                    {
                        "name": "Upload question",
                        "type": "upload",
                        "value": "#upload"
                    },
                    {
                        "name": "Service id question",
                        "type": "service_id",
                        "value": 1234567887654321
                    },
                    {
                        "name": "Checkboxes question",
                        "type": "checkboxes",
                        "value": [
                            "Checkbox Item 1",
                            "Checkbox Item 2",
                            "Checkbox Item 3"
                        ]
                    },
                    {
                        "name": "Checkbox tree question",
                        "type": "checkbox_tree",
                        "value": [
                            {
                                "label": "Parent content 1",
                                "options": [
                                    {
                                        "label": "Checkbox Tree Item 1"
                                    },
                                    {
                                        "label": "Checkbox Tree Item 2"
                                    },
                                    {
                                        "label": "Checkbox Tree Item 3"
                                    }
                                ]
                            },
                            {
                                "label": "Parent content 2",
                                "options": [
                                    {
                                        "label": "Checkbox Tree Item 1"
                                    },
                                    {
                                        "label": "Checkbox Tree Item 2"
                                    },
                                    {
                                        "label": "Checkbox Tree Item 3"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "name": "Radios question",
                        "type": "radios",
                        "value": [
                            "Radios Item 1",
                            "Radios Item 2",
                            "Radios Item 3"
                        ]
                    },
                    {
                        "name": "Boolean question",
                        "type": "boolean",
                        "value": true
                    },
                    {
                        "name": "Textbox question",
                        "type": "textbox",
                        "value": "I am some textbox content"
                    },
                    {
                        "name": "Pricing question",
                        "type": "pricing",
                        "value": "I am some pricing content"
                    },
                    {
                        "name": "Date question",
                        "type": "date",
                        "value": "I am some date content"
                    },
                    {
                        "name": "Number question",
                        "type": "date",
                        "value": 12345
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Text question</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  I am some text content\n</p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">text bold default</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  I am some bold text content\n</p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">List question</p>\n      <div>\n            <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Item 1</li>\n      <li>Item 2</li>\n      <li>Item 3</li>\n  </ul>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Upload question</p>\n      <div>\n            <p class=\"govuk-body-s\">\n    <a class=\"govuk-link\" href=\"#upload\">View uploaded document</a>\n  </p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Service id question</p>\n      <div>\n            <div class=\"service-id\">\n<span class=\"service-id-chunk\">1234</span><span class=\"service-id-chunk\">5678</span><span class=\"service-id-chunk\">8765</span><span class=\"service-id-chunk\">4321</span>  </div>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Checkboxes question</p>\n      <div>\n            <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Checkbox Item 1</li>\n      <li>Checkbox Item 2</li>\n      <li>Checkbox Item 3</li>\n  </ul>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Checkbox tree question</p>\n      <div>\n          \n\n\n    <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 Item 1</li>\n      <li>Checkbox Tree Item 2</li>\n      <li>Checkbox Tree 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 Item 1</li>\n      <li>Checkbox Tree Item 2</li>\n      <li>Checkbox Tree Item 3</li>\n  </ul>\n\n  </li>\n\n    </ul>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Radios question</p>\n      <div>\n              <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n      <li>Radios Item 1</li>\n      <li>Radios Item 2</li>\n      <li>Radios Item 3</li>\n  </ul>\n\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Boolean question</p>\n      <div>\n            <p class=\"govuk-body-s\">\n  Yes\n</p>\n\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Textbox question</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  I am some textbox content\n</p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Pricing question</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  I am some pricing content\n</p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Date question</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  I am some date content\n</p>\n\n\n      </div>\n    </div>\n    <div class=\"multiquestion govuk-body-s\">\n      <p class=\"govuk-body govuk-!-margin-bottom-1\">Number question</p>\n      <div>\n          <p class=\"govuk-body-s\">\n  12345\n</p>\n\n\n      </div>\n    </div>"
        }
    ]
}