{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-backgrounds-stars",
  "title": "Stars Background Demo",
  "description": "Demo showing a stars background.",
  "registryDependencies": [
    "@animate-ui/components-backgrounds-stars"
  ],
  "files": [
    {
      "path": "registry/demo/components/backgrounds/stars/index.tsx",
      "content": "import { StarsBackground } from '@/components/animate-ui/components/backgrounds/stars';\nimport { cn } from '@/lib/utils';\nimport { useTheme } from 'next-themes';\n\nexport const StarsBackgroundDemo = () => {\n  const { resolvedTheme } = useTheme();\n\n  return (\n    <StarsBackground\n      starColor={resolvedTheme === 'dark' ? '#FFF' : '#000'}\n      className={cn(\n        'absolute inset-0 flex items-center justify-center rounded-xl',\n        'dark:bg-[radial-gradient(ellipse_at_bottom,_#262626_0%,_#000_100%)] bg-[radial-gradient(ellipse_at_bottom,_#f5f5f5_0%,_#fff_100%)]',\n      )}\n    />\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/backgrounds/stars.tsx"
    }
  ],
  "type": "registry:ui"
}