{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "designsetgo/flip-card",
  "version": "1.0.0",
  "title": "Flip Card",
  "category": "designsetgo",
  "description": "Interactive card that flips to reveal content on the back. Perfect for team profiles, product showcases, and feature highlights.",
  "keywords": [
    "flip",
    "card",
    "interactive",
    "hover",
    "3d",
    "rotate"
  ],
  "textdomain": "designsetgo",
  "icon": "index-card",
  "supports": {
    "anchor": true,
    "align": false,
    "html": false,
    "inserter": true,
    "spacing": {
      "margin": true,
      "padding": false,
      "__experimentalDefaultControls": {
        "margin": true
      }
    }
  },
  "attributes": {
    "flipTrigger": {
      "type": "string",
      "default": "hover",
      "enum": [
        "hover",
        "click"
      ]
    },
    "flipEffect": {
      "type": "string",
      "default": "flip",
      "enum": [
        "flip",
        "fade",
        "slide",
        "zoom"
      ]
    },
    "flipDirection": {
      "type": "string",
      "default": "horizontal",
      "enum": [
        "horizontal",
        "vertical"
      ]
    },
    "flipDuration": {
      "type": "string",
      "default": "0.6s"
    }
  },
  "example": {
    "attributes": {
      "flipTrigger": "hover",
      "flipDirection": "horizontal"
    },
    "innerBlocks": [
      {
        "name": "designsetgo/flip-card-face",
        "attributes": {
          "side": "front",
          "style": {
            "spacing": {
              "padding": {
                "top": "3rem",
                "right": "2rem",
                "bottom": "3rem",
                "left": "2rem"
              },
              "blockGap": "1rem"
            },
            "color": {
              "gradient": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
              "text": "#ffffff"
            }
          }
        },
        "innerBlocks": [
          {
            "name": "core/heading",
            "attributes": {
              "content": "✨ Discover More",
              "level": 2,
              "textAlign": "center"
            }
          },
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Hover to reveal amazing content",
              "align": "center"
            }
          }
        ]
      },
      {
        "name": "designsetgo/flip-card-face",
        "attributes": {
          "side": "back",
          "style": {
            "spacing": {
              "padding": {
                "top": "3rem",
                "right": "2rem",
                "bottom": "3rem",
                "left": "2rem"
              },
              "blockGap": "1.5rem"
            },
            "color": {
              "gradient": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
              "text": "#ffffff"
            }
          }
        },
        "innerBlocks": [
          {
            "name": "core/heading",
            "attributes": {
              "content": "🚀 Ready to Start?",
              "level": 2,
              "textAlign": "center"
            }
          },
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Add your own content here using any WordPress blocks.",
              "align": "center"
            }
          }
        ]
      }
    ]
  },
  "viewScript": "file:./view.js",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}