{
  "name": "RadialGradientBackground",
  "description": "Customizable radial gradient background with theme color integration.",
  "constraints": {},
  "propsSchema": {
    "className?": "string",
    "centerColor?": "string (default: 'var(--background)')",
    "edgeColor?": "string (default: 'var(--color-background-accent)')",
    "size?": "string (default: '130% 130%')",
    "position?": "string (default: '50% 15%')"
  },
  "usageExample": "<RadialGradientBackground centerColor=\"var(--background)\" edgeColor=\"var(--color-background-accent)\" size=\"130% 130%\" position=\"50% 15%\" />",
  "do": [
    "Use for landing pages",
    "Use for feature showcases",
    "Use for capability displays"
  ],
  "dont": [],
  "editRules": {
    "textOnly": true,
    "layoutLocked": true,
    "styleLocked": true
  }
}