{
  "apiVersion": 3,
  "title": "Flip Card",
  "name": "brandy/flip-card",
  "category": "brandy-blocks",
  "description": "A card that flips to reveal back content on hover or click",
  "keywords": [
    "flip",
    "card",
    "hover",
    "3d",
    "animation"
  ],
  "attributes": {
    "flipTrigger": {
      "type": "string",
      "default": "hover",
      "enum": [
        "hover",
        "click"
      ]
    },
    "flipDirection": {
      "type": "string",
      "default": "horizontal",
      "enum": [
        "horizontal",
        "vertical"
      ]
    },
    "animationDuration": {
      "type": "number",
      "default": 0.6
    },
    "heightMode": {
      "type": "string",
      "default": "fixed",
      "enum": [
        "auto",
        "fixed"
      ]
    },
    "fixedHeight": {
      "type": "string",
      "default": "450px"
    },
    "cardWidth": {
      "type": "string",
      "default": "350px"
    }
  },
  "providesContext": {
    "brandy/flipCardDirection": "flipDirection"
  },
  "allowedBlocks": [
    "brandy/flip-card-front",
    "brandy/flip-card-back"
  ],
  "supports": {
    "interactivity": true,
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "spacing": {
      "margin": true,
      "padding": true
    },
    "__experimentalBorder": {
      "radius": true,
      "width": true,
      "color": true,
      "style": true
    },
    "shadow": true,
    "dimensions": {
      "aspectRatio": true
    }
  },
  "render": "file:./render.php",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScriptModule": "file:./view.js",
  "textdomain": "brandy-blocks"
}