[
	{
		"name": "test",
		"items": [
			{
				"label": "Nested Screen",
				"config": {
					"icon": "fas fa-file-invoice",
					"name": null,
					"event": "submit",
					"label": "Nested Screen",
					"value": null,
					"screen": "screen-id",
					"variant": "primary"
				},
				"component": "FormNestedScreen",
				"inspector": [
					{
						"type": "ScreenSelector",
						"field": "screen",
						"config": {
							"name": "SelectScreen",
							"label": "Screen",
							"helper": "Select a screen"
						}
					},
					{
						"type": "FormInput",
						"field": "conditionalHide",
						"config": {
							"label": "Visibility Rule",
							"helper": "This control is hidden until this expression is true"
						}
					},
					{
						"type": "FormInput",
						"field": "customCssSelector",
						"config": {
							"label": "CSS Selector Name",
							"helper": "Use this in your custom css rules",
							"validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
						}
					}
				],
				"editor-control": "FormSubmit",
				"editor-component": "FormNestedScreen"
			},
			{
				"label": "Submit Button",
				"config": {
					"icon": "fas fa-share-square",
					"name": null,
					"event": "submit",
					"label": "New Submit",
					"variant": "primary",
					"fieldValue": null,
					"defaultSubmit": true
				},
				"component": "FormButton",
				"inspector": [
					{
						"type": "FormInput",
						"field": "label",
						"config": {
							"label": "Label",
							"helper": "The label describes the button's text"
						}
					},
					{
						"type": "FormInput",
						"field": "name",
						"config": {
							"name": "Variable Name",
							"label": "Variable Name",
							"helper": "A variable name is a symbolic name to reference information."
						}
					},
					{
						"type": "FormMultiselect",
						"field": "event",
						"config": {
							"label": "Type",
							"helper": "Choose whether the button should submit the form",
							"options": [
								{
									"value": "submit",
									"content": "Submit Button"
								},
								{
									"value": "script",
									"content": "Regular Button"
								}
							]
						}
					},
					{
						"type": "FormInput",
						"field": "fieldValue",
						"config": {
							"label": "Value",
							"helper": "The value being submitted"
						}
					},
					{
						"type": "FormMultiselect",
						"field": "variant",
						"config": {
							"label": "Button Variant Style",
							"helper": "The variant determines the appearance of the button",
							"options": [
								{
									"value": "primary",
									"content": "Primary"
								},
								{
									"value": "secondary",
									"content": "Secondary"
								},
								{
									"value": "success",
									"content": "Success"
								},
								{
									"value": "danger",
									"content": "Danger"
								},
								{
									"value": "warning",
									"content": "Warning"
								},
								{
									"value": "info",
									"content": "Info"
								},
								{
									"value": "light",
									"content": "Light"
								},
								{
									"value": "dark",
									"content": "Dark"
								},
								{
									"value": "link",
									"content": "Link"
								}
							]
						}
					},
					{
						"type": "FormInput",
						"field": "conditionalHide",
						"config": {
							"label": "Visibility Rule",
							"helper": "This control is hidden until this expression is true"
						}
					},
					{
						"type": "FormInput",
						"field": "customCssSelector",
						"config": {
							"label": "CSS Selector Name",
							"helper": "Use this in your custom css rules",
							"validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
						}
					}
				],
				"editor-control": "FormSubmit",
				"editor-component": "FormButton"
			}
		]
	}
]