{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "light-rays-demo",
  "type": "registry:example",
  "description": "Demo of the light-rays component showcasing animated light rays",
  "registryDependencies": [
    "@magicui/light-rays"
  ],
  "files": [
    {
      "path": "registry/example/light-rays-demo.tsx",
      "content": "import { LightRays } from \"@/registry/magicui/light-rays\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative h-[500px] w-full overflow-hidden rounded-lg border\">\n      <div className=\"relative z-10 flex h-full flex-col items-center justify-center gap-4 px-6 text-center\">\n        <span className=\"text-xs font-semibold tracking-[0.35em] text-slate-800/60 uppercase dark:text-slate-200/60\">\n          Ambient glow\n        </span>\n        <h1 className=\"text-foreground text-4xl font-bold md:text-5xl\">\n          Light Rays\n        </h1>\n        <p className=\"max-w-md text-sm text-slate-800/80 md:text-base dark:text-slate-200/80\">\n          Drop this component into any container and it will fill the space with\n          softly animated light rays shining from above.\n        </p>\n      </div>\n      <LightRays />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}