[
  {
    "name": "title",
    "label": "Heading",
    "importance": "high",
    "type": "text",
    "optional": true,
    "placeholder": "Here you can add an optional heading.",
    "description": "The heading you'd like to show before the befort/after image"
  },
  {
    "name": "imageBefore",
    "type": "group",
    "label": "First image",
    "importance": "high",
    "expanded": true,
    "fields": [
      {
        "name": "imageBefore",
        "label": "First image",
        "importance": "low",
        "type": "image",
        "optional": false,
        "description": "The first image. Please make sure that it has the same size as the second image."
      },
      {
        "name": "labelBefore",
        "label": "Label for first image",
        "importance": "low",
        "type": "text",
        "optional": true,
        "description": "Label to put over first image"
      }
    ]
  },
  {
    "name": "imageAfter",
    "type": "group",
    "label": "Second image",
    "importance": "high",
    "expanded": true,
    "fields": [
      {
        "name": "imageAfter",
        "label": "Second image",
        "importance": "low",
        "type": "image",
        "optional": false,
        "description": "The second image. Please make sure that it has the same size as the first image."
      },
      {
        "name": "labelAfter",
        "label": "Label for second image",
        "importance": "low",
        "type": "text",
        "optional": true,
        "description": "Label to put over second image"
      }
    ]
  },
  {
    "name": "behavior",
    "type": "group",
    "label": "Behavioral settings",
    "importance": "low",
    "description": "These options will let you set some details",
    "optional": true,
    "fields": [
      {
        "name": "startingPosition",
        "type": "number",
        "label": "Slider start position in %",
        "description": "Sets the start position of the slider",
        "default": 50,
        "min": 0,
        "max": 100,
        "optional": false
      },
      {
        "name": "sliderOrientation",
        "type": "select",
        "label": "Slider orientation",
        "description": "Horizontal will move left and right, vertical will move up and down.",
        "options": [
          {
            "value": "horizontal",
            "label": "Horizontal"
          },
          {
            "value": "vertical",
            "label": "Vertical"
          }
        ],
        "default": "horizontal"
      }
    ]
  }
]
