{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-blur-image",
  "title": "Blur Image Demo",
  "description": "Demo for the blur image component.",
  "dependencies": [],
  "registryDependencies": [
    "@azemmur/components-blur-image"
  ],
  "files": [
    {
      "path": "registry/demo/components/azemmur/blur-image/index.tsx",
      "content": "import {\n  BlurImage,\n  type BlurImageProps,\n} from '@/components/azemmur/components/azemmur/blur-image';\n\ninterface BlurImageDemoProps {\n  src: string;\n  width?: number;\n  height?: number;\n  intent?: BlurImageProps['intent'];\n  visuals?: BlurImageProps['visuals'];\n  shape?: BlurImageProps['shape'];\n  elevation?: BlurImageProps['elevation'];\n}\n\nexport default function BlurImageDemo({\n  src,\n  width = 400,\n  height = 210,\n  intent,\n  visuals,\n  shape,\n  elevation,\n}: BlurImageDemoProps) {\n  return (\n    <div className=\"max-w-xl\">\n      <BlurImage\n        src={src}\n        width={width}\n        height={height}\n        alt=\"Demo blur image\"\n        intent={intent}\n        visuals={visuals}\n        shape={shape}\n        elevation={elevation}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/azemmur/demo/components/blur-image.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "BlurImage": {
        "src": {
          "value": "https://mir-s3-cdn-cf.behance.net/project_modules/disp/dae2cf242954131.6977de86013f2.png"
        },
        "width": {
          "value": 400
        },
        "height": {
          "value": 210
        },
        "intent": {
          "value": "primary",
          "options": {
            "primary": "primary",
            "accent": "accent",
            "secondary": "secondary",
            "success": "success",
            "info": "info",
            "warning": "warning",
            "error": "error",
            "neutral": "neutral"
          }
        },
        "visuals": {
          "value": "none",
          "options": {
            "solid": "solid",
            "dashed": "dashed",
            "dotted": "dotted",
            "none": "none"
          }
        },
        "shape": {
          "value": "rounded",
          "options": {
            "rounded": "rounded",
            "pill": "pill",
            "sharp": "sharp"
          }
        },
        "elevation": {
          "value": "none",
          "options": {
            "none": "none",
            "raised": "raised",
            "floating": "floating"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}