{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "backlight-image-demo",
  "type": "registry:example",
  "description": "An example of the backlight component with a image.",
  "registryDependencies": [
    "@magicui/backlight"
  ],
  "files": [
    {
      "path": "registry/example/backlight-image-demo.tsx",
      "content": "import { Backlight } from \"@/registry/magicui/backlight\"\n\nexport default function BacklightImageDemo() {\n  return (\n    <Backlight className=\"w-full\">\n      <img\n        className=\"mx-auto h-auto w-full max-w-lg rounded-xl\"\n        src={\n          \"https://plus.unsplash.com/premium_photo-1672201106204-58e9af7a2888?q=80&w=1171&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n        }\n        alt=\"fancy gradient background\"\n      />\n    </Backlight>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}