{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "affiliatex/versus-line",
  "title": "AffiliateX Versus Line",
  "category": "affiliatex",
  "description": "Easily compare two products with a simple and clear comparison line.",
  "supports": {
    "multiple": true
  },
  "keywords": [
    "Versus Line",
    "versus",
    "AffiliateX"
  ],
  "style": "file:./style-index.css",
  "editorStyle": "file:./style-index.css",
  "editorScript": "",
  "attributes": {
    "block_id": {
      "type": "string"
    },
    "versusTitleTypography": {
      "type": "object",
      "default": {
        "family": "Default",
        "variation": "n4",
        "size": {
          "desktop": "18px",
          "mobile": "18px",
          "tablet": "18px"
        },
        "line-height": {
          "desktop": "1.65",
          "mobile": "1.65",
          "tablet": "1.65"
        },
        "letter-spacing": {
          "desktop": "0em",
          "mobile": "0em",
          "tablet": "0em"
        },
        "text-transform": "none",
        "text-decoration": "none"
      },
      "customizationKey": [
        {
          "blockPath": "default.family",
          "customizationPath": "typography.family"
        }
      ]
    },
    "versusTitleTag": {
      "type": "string",
      "default": "p"
    },
    "vsLabel": {
      "type": "string",
      "default": "VS"
    },
    "versusTable": {
      "type": "array",
      "default": [
        {
          "versusTitle": "",
          "versusSubTitle": "",
          "versusValue1": "",
          "versusValue2": ""
        }
      ]
    },
    "boxShadow": {
      "type": "object",
      "default": {
        "enable": false,
        "h_offset": 0,
        "v_offset": 5,
        "blur": 20,
        "spread": 0,
        "inset": false,
        "color": {
          "color": "rgba(210,213,218,0.2)"
        }
      }
    },
    "border": {
      "type": "object",
      "default": {
        "width": "0",
        "style": "solid",
        "color": {
          "color": "#E6ECF7"
        }
      }
    },
    "borderWidth": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        },
        "mobile": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        },
        "tablet": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        }
      }
    },
    "borderRadius": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0",
          "left": "0",
          "right": "0",
          "bottom": "0"
        },
        "mobile": {
          "top": "0",
          "left": "0",
          "right": "0",
          "bottom": "0"
        },
        "tablet": {
          "top": "0",
          "left": "0",
          "right": "0",
          "bottom": "0"
        }
      }
    },
    "vsTextColor": {
      "type": "string",
      "default": "#000"
    },
    "vsBgColor": {
      "type": "string",
      "default": "#E6ECF7"
    },
    "contentColor": {
      "type": "string",
      "default": "#292929",
      "customizationKey": "fontColor"
    },
    "versusRowColor": {
      "type": "string",
      "default": "#F5F7FA"
    },
    "bgType": {
      "type": "string",
      "default": "solid"
    },
    "bgColorSolid": {
      "type": "string",
      "default": "#FFFFFF"
    },
    "bgColorGradient": {
      "type": "object",
      "default": {
        "gradient": "linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)"
      }
    },
    "vsTypography": {
      "type": "object",
      "default": {
        "family": "Default",
        "variation": "n4",
        "size": {
          "desktop": "18px",
          "mobile": "18px",
          "tablet": "18px"
        },
        "line-height": {
          "desktop": "1.65",
          "mobile": "1.65",
          "tablet": "1.65"
        },
        "letter-spacing": {
          "desktop": "0em",
          "mobile": "0em",
          "tablet": "0em"
        },
        "text-transform": "none",
        "text-decoration": "none"
      },
      "customizationKey": [
        {
          "blockPath": "default.family",
          "customizationPath": "typography.family"
        },
        {
          "blockPath": "default.variation",
          "customizationPath": "typography.variation"
        }
      ]
    },
    "versusContentTypography": {
      "type": "object",
      "default": {
        "family": "Default",
        "variation": "n4",
        "size": {
          "desktop": "18px",
          "mobile": "18px",
          "tablet": "18px"
        },
        "line-height": {
          "desktop": "1.65",
          "mobile": "1.65",
          "tablet": "1.65"
        },
        "letter-spacing": {
          "desktop": "0em",
          "mobile": "0em",
          "tablet": "0em"
        },
        "text-transform": "none",
        "text-decoration": "none"
      },
      "customizationKey": [
        {
          "blockPath": "default.family",
          "customizationPath": "typography.family"
        },
        {
          "blockPath": "default.variation",
          "customizationPath": "typography.variation"
        }
      ]
    },
    "margin": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "30px"
        },
        "mobile": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "30px"
        },
        "tablet": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "30px"
        }
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        },
        "mobile": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        },
        "tablet": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        }
      }
    },
    "preview": {
      "type": "boolean",
      "default": false
    }
  },
  "example": {
    "attributes": {
      "preview": true
    }
  }
}