[
  {
    "id": "general",
    "type": "section",
    "name": "general",
    "label": "General",
    "default": [],
    "fields": [
      {
        "id": "general_variant",
        "type": "select",
        "default": "variant1",
        "name": "variant",
        "label": "General Variant",
        "options": {
          "variant1": "Variant 1",
          "variant2": "Variant 2",
          "variant3": "Variant 3",
          "variant4": "Variant 4",
          "variant5": "Variant 5",
          "variant6": "Variant 6"
        }
      },
      {
        "id": "general_heading_content",
        "type": "switcher",
        "name": "heading_content",
        "label": "Enable Heading",
        "default": false
      },
      {
        "id": "general_title",
        "type": "text",
        "name": "title",
        "label": "Title",
        "default": "",
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "general_title_color",
        "type": "color",
        "name": "title_color",
        "label": "Title Color",
        "default": "",
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "general_description",
        "type": "text",
        "name": "description",
        "label": "Description",
        "default": "",
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "general_description_color",
        "type": "color",
        "name": "description_color",
        "label": "Description Color",
        "default": "",
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "general_image_title",
        "type": "media",
        "name": "image_title",
        "label": "Image(Height Icon (40x40))",
        "default": {
          "url": ""
        },
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "general_countdown_time",
        "type": "dateTime",
        "name": "countdown_time",
        "label": "Expiration Countdown",
        "default": "Jan 5, 2023 15:37:25"
      },
      {
        "id": "general_text_position",
        "type": "select",
        "name": "text_position",
        "label": "Text Position",
        "options": {
          "up": "Up",
          "down": "Down"
        },
        "default": "up"
      },
      {
        "id": "general_size_item",
        "type": "number",
        "name": "size_item",
        "label": "Countdown Box Size",
        "min": 0,
        "max": null,
        "default": 0,
        "condition": {
          "general_variant": [
            "variant2",
            "variant3",
            "variant4",
            "variant5",
            "variant6"
          ]
        }
      },
      {
        "id": "general_gap",
        "type": "number",
        "name": "gap",
        "label": "Gap Item",
        "min": 0,
        "max": null,
        "default": 0
      },
      {
        "id": "general_show_two_dots",
        "type": "switcher",
        "name": "show_two_dots",
        "label": "Show Colon",
        "default": true,
        "condition": {
          "general_variant": [
            "variant1"
          ]
        }
      },
      {
        "id": "general_color_two_dots",
        "type": "color",
        "default": "",
        "name": "color_two_dots",
        "label": "Color Colon",
        "condition": {
          "general_show_two_dots": true,
          "general_variant": [
            "variant1"
          ]
        }
      },
      {
        "id": "general_show_first_time",
        "type": "switcher",
        "name": "show_first_time",
        "label": "Show Days Box",
        "default": true
      },
      {
        "id": "general_day_text",
        "type": "text",
        "name": "day_text",
        "label": "Days Text",
        "default": "Days",
        "condition": {
          "general_show_first_time": true
        }
      },
      {
        "id": "general_show_second_time",
        "type": "switcher",
        "name": "show_second_time",
        "label": "Show Hours Box",
        "default": true
      },
      {
        "id": "general_hour_text",
        "type": "text",
        "name": "hour_text",
        "label": "Hours Text",
        "default": "Hours",
        "condition": {
          "general_show_second_time": true
        }
      },
      {
        "id": "general_show_third_time",
        "type": "switcher",
        "name": "show_third_time",
        "label": "Show Minutes Box",
        "default": true
      },
      {
        "id": "general_minute_text",
        "type": "text",
        "name": "minute_text",
        "label": "Minutes Text",
        "default": "Minutes",
        "condition": {
          "general_show_third_time": true
        }
      },
      {
        "id": "general_show_fourth_time",
        "type": "switcher",
        "name": "show_fourth_time",
        "label": "Show Seconds Box",
        "default": true
      },
      {
        "id": "general_second_text",
        "type": "text",
        "name": "second_text",
        "label": "Seconds Text",
        "default": "Seconds",
        "condition": {
          "general_show_fourth_time": true
        }
      }
    ]
  },
  {
    "id": "typography",
    "type": "section_style",
    "name": "typography",
    "label": "Typography",
    "default": [],
    "fields": [
      {
        "id": "typography_titleTypo",
        "type": "typography",
        "label": "Title Typo",
        "name": "titleTypo",
        "default": "",
        "selector": "{{WRAPPER}} .titleTypo",
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "typography_descriptionTypo",
        "type": "typography",
        "label": "Description Typo",
        "name": "descriptionTypo",
        "default": "",
        "selector": "{{WRAPPER}} .descriptionTypo",
        "condition": {
          "general_heading_content": true
        }
      },
      {
        "id": "typography_numberTypo",
        "type": "typography",
        "label": "Number Typo",
        "name": "numberTypo",
        "default": "",
        "selector": "{{WRAPPER}} .numberTypo"
      },
      {
        "id": "typography_textTypo",
        "type": "typography",
        "label": "Text",
        "name": "textTypo",
        "default": "",
        "selector": "{{WRAPPER}} .textTypo"
      }
    ]
  },
  {
    "id": "items",
    "type": "section_style",
    "name": "items",
    "label": "Items",
    "default": [],
    "fields": [
      {
        "id": "items_background_items",
        "type": "color",
        "default": "",
        "name": "background_items",
        "label": "Background items"
      },
      {
        "id": "items_borderEnable",
        "type": "switcher",
        "default": false,
        "name": "borderEnable",
        "label": "Border Enable"
      },
      {
        "id": "items_border_width",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_width",
        "label": "Border Width",
        "condition": {
          "items_borderEnable": true
        }
      },
      {
        "id": "items_border_style",
        "type": "select",
        "default": "",
        "name": "border_style",
        "label": "Border Style",
        "options": {
          "solid": "solid",
          "dotted": "dotted",
          "dashed": "dashed",
          "double": "double",
          "groove": "groove"
        },
        "condition": {
          "items_borderEnable": true
        }
      },
      {
        "id": "items_border_color",
        "type": "color",
        "default": "",
        "name": "border_color",
        "label": "border Color",
        "condition": {
          "items_borderEnable": true
        }
      },
      {
        "id": "items_border_radius",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_radius",
        "label": "Border Radius",
        "condition": {
          "items_borderEnable": true
        }
      },
      {
        "id": "items_paddingEnable",
        "type": "switcher",
        "default": false,
        "name": "paddingEnable",
        "label": "Padding Enable"
      },
      {
        "id": "items_padding_top",
        "type": "number",
        "default": 0,
        "name": "padding_top",
        "min": 0,
        "max": null,
        "label": "Padding Top",
        "condition": {
          "items_paddingEnable": true
        }
      },
      {
        "id": "items_padding_right",
        "type": "number",
        "default": 0,
        "name": "padding_right",
        "min": 0,
        "max": null,
        "label": "Padding Right",
        "condition": {
          "items_paddingEnable": true
        }
      },
      {
        "id": "items_padding_bottom",
        "type": "number",
        "default": 0,
        "name": "padding_bottom",
        "min": 0,
        "max": null,
        "label": "Padding Bottom",
        "condition": {
          "items_paddingEnable": true
        }
      },
      {
        "id": "items_padding_left",
        "type": "number",
        "default": 0,
        "name": "padding_left",
        "min": 0,
        "max": null,
        "label": "Padding Left",
        "condition": {
          "items_paddingEnable": true
        }
      }
    ]
  },
  {
    "id": "item",
    "type": "section_style",
    "name": "item",
    "label": "Item",
    "default": [],
    "fields": [
      {
        "id": "item_background_item",
        "type": "color",
        "default": "",
        "name": "background_item",
        "label": "Background Item"
      },
      {
        "id": "item_borderEnable",
        "type": "switcher",
        "default": false,
        "name": "borderEnable",
        "label": "Border Enable"
      },
      {
        "id": "item_border_width",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_width",
        "label": "Border Width",
        "condition": {
          "item_borderEnable": true
        }
      },
      {
        "id": "item_border_style",
        "type": "select",
        "default": "",
        "name": "border_style",
        "label": "Border Style",
        "options": {
          "solid": "solid",
          "dotted": "dotted",
          "dashed": "dashed",
          "double": "double",
          "groove": "groove"
        },
        "condition": {
          "item_borderEnable": true
        }
      },
      {
        "id": "item_border_color",
        "type": "color",
        "default": "",
        "name": "border_color",
        "label": "border Color",
        "condition": {
          "item_borderEnable": true
        }
      },
      {
        "id": "item_border_radius",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_radius",
        "label": "Border Radius",
        "condition": {
          "item_borderEnable": true
        }
      },
      {
        "id": "item_paddingEnable",
        "type": "switcher",
        "default": false,
        "name": "paddingEnable",
        "label": "Padding Enable"
      },
      {
        "id": "item_padding_top",
        "type": "number",
        "default": 0,
        "name": "padding_top",
        "min": 0,
        "max": null,
        "label": "Padding Top",
        "condition": {
          "item_paddingEnable": true
        }
      },
      {
        "id": "item_padding_right",
        "type": "number",
        "default": 0,
        "name": "padding_right",
        "min": 0,
        "max": null,
        "label": "Padding Right",
        "condition": {
          "item_paddingEnable": true
        }
      },
      {
        "id": "item_padding_bottom",
        "type": "number",
        "default": 0,
        "name": "padding_bottom",
        "min": 0,
        "max": null,
        "label": "Padding Bottom",
        "condition": {
          "item_paddingEnable": true
        }
      },
      {
        "id": "item_padding_left",
        "type": "number",
        "default": 0,
        "name": "padding_left",
        "min": 0,
        "max": null,
        "label": "Padding Left",
        "condition": {
          "item_paddingEnable": true
        }
      }
    ]
  },
  {
    "id": "boxText",
    "type": "section_style",
    "name": "boxText",
    "label": "Box Text",
    "default": [],
    "fields": [
      {
        "id": "boxText_background_text",
        "type": "color",
        "default": "",
        "name": "background_text",
        "label": "Background Text (Not For Variant 2, 6)"
      },
      {
        "id": "boxText_color_text",
        "type": "color",
        "default": "",
        "name": "color_text",
        "label": "Color Text"
      },
      {
        "id": "boxText_borderEnable",
        "type": "switcher",
        "default": false,
        "name": "borderEnable",
        "label": "Border Enable (Not For Variant 2, 5, 6)"
      },
      {
        "id": "boxText_border_width",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_width",
        "label": "Border Width",
        "condition": {
          "boxText_borderEnable": true
        }
      },
      {
        "id": "boxText_border_style",
        "type": "select",
        "default": "",
        "name": "border_style",
        "label": "Border Style",
        "options": {
          "solid": "solid",
          "dotted": "dotted",
          "dashed": "dashed",
          "double": "double",
          "groove": "groove"
        },
        "condition": {
          "boxText_borderEnable": true
        }
      },
      {
        "id": "boxText_border_color",
        "type": "color",
        "default": "",
        "name": "border_color",
        "label": "border Color",
        "condition": {
          "boxText_borderEnable": true
        }
      },
      {
        "id": "boxText_border_radius",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_radius",
        "label": "Border Radius",
        "condition": {
          "boxText_borderEnable": true
        }
      },
      {
        "id": "boxText_paddingEnable",
        "type": "switcher",
        "default": false,
        "name": "paddingEnable",
        "label": "Padding Enable (Not For Variant 2, 5, 6)"
      },
      {
        "id": "boxText_padding_top",
        "type": "number",
        "default": 0,
        "name": "padding_top",
        "min": 0,
        "max": null,
        "label": "Padding Top",
        "condition": {
          "boxText_paddingEnable": true
        }
      },
      {
        "id": "boxText_padding_right",
        "type": "number",
        "default": 0,
        "name": "padding_right",
        "min": 0,
        "max": null,
        "label": "Padding Right",
        "condition": {
          "boxText_paddingEnable": true
        }
      },
      {
        "id": "boxText_padding_bottom",
        "type": "number",
        "default": 0,
        "name": "padding_bottom",
        "min": 0,
        "max": null,
        "label": "Padding Bottom",
        "condition": {
          "boxText_paddingEnable": true
        }
      },
      {
        "id": "boxText_padding_left",
        "type": "number",
        "default": 0,
        "name": "padding_left",
        "min": 0,
        "max": null,
        "label": "Padding Left",
        "condition": {
          "boxText_paddingEnable": true
        }
      }
    ]
  },
  {
    "id": "boxNumber",
    "type": "section_style",
    "name": "boxNumber",
    "label": "Box Number",
    "default": [],
    "fields": [
      {
        "id": "boxNumber_background_number",
        "type": "color",
        "default": "",
        "name": "background_number",
        "label": "Background Number (Not For Variant 2, 6)"
      },
      {
        "id": "boxNumber_color_number",
        "type": "color",
        "default": "",
        "name": "color_number",
        "label": "Color Number"
      },
      {
        "id": "boxNumber_borderEnable",
        "type": "switcher",
        "default": false,
        "name": "borderEnable",
        "label": "Border Enable (Not For Variant 2, 5, 6)"
      },
      {
        "id": "boxNumber_border_width",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_width",
        "label": "Border Width",
        "condition": {
          "boxNumber_borderEnable": true
        }
      },
      {
        "id": "boxNumber_border_style",
        "type": "select",
        "default": "",
        "name": "border_style",
        "label": "Border Style",
        "options": {
          "solid": "solid",
          "dotted": "dotted",
          "dashed": "dashed",
          "double": "double",
          "groove": "groove"
        },
        "condition": {
          "boxNumber_borderEnable": true
        }
      },
      {
        "id": "boxNumber_border_color",
        "type": "color",
        "default": "",
        "name": "border_color",
        "label": "border Color",
        "condition": {
          "boxNumber_borderEnable": true
        }
      },
      {
        "id": "boxNumber_border_radius",
        "type": "number",
        "default": 0,
        "min": 0,
        "max": null,
        "name": "border_radius",
        "label": "Border Radius",
        "condition": {
          "boxNumber_borderEnable": true
        }
      },
      {
        "id": "boxNumber_paddingEnable",
        "type": "switcher",
        "default": false,
        "name": "paddingEnable",
        "label": "Padding Enable (Not For Variant 2, 5, 6)"
      },
      {
        "id": "boxNumber_padding_top",
        "type": "number",
        "default": 0,
        "name": "padding_top",
        "min": 0,
        "max": null,
        "label": "Padding Top",
        "condition": {
          "boxNumber_paddingEnable": true
        }
      },
      {
        "id": "boxNumber_padding_right",
        "type": "number",
        "default": 0,
        "name": "padding_right",
        "min": 0,
        "max": null,
        "label": "Padding Right",
        "condition": {
          "boxNumber_paddingEnable": true
        }
      },
      {
        "id": "boxNumber_padding_bottom",
        "type": "number",
        "default": 0,
        "name": "padding_bottom",
        "min": 0,
        "max": null,
        "label": "Padding Bottom",
        "condition": {
          "boxNumber_paddingEnable": true
        }
      },
      {
        "id": "boxNumber_padding_left",
        "type": "number",
        "default": 0,
        "name": "padding_left",
        "min": 0,
        "max": null,
        "label": "Padding Left",
        "condition": {
          "boxNumber_paddingEnable": true
        }
      }
    ]
  },
  {
    "id": "customCSS",
    "type": "section_style",
    "name": "customCSS",
    "label": "Custom CSS",
    "default": [],
    "fields": [
      {
        "id": "customCSS_code",
        "type": "code",
        "name": "code",
        "label": "Code",
        "language": "css",
        "rows": 4,
        "default": ""
      }
    ]
  }
]