{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cookie-banner",
  "type": "registry:ui",
  "title": "Cookie banner",
  "description": "Floating React cookie consent card fixed to the corner, with a short notice and Accept and Reject buttons. It is a labelled dialog for assistive tech.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/cookie-banner.tsx",
      "type": "registry:ui",
      "target": "components/ui/cookie-banner.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\nfunction CookieBanner({\n  onAccept,\n  onReject,\n  className,\n}: {\n  onAccept?: () => void\n  onReject?: () => void\n  className?: string\n}) {\n  return (\n    <div\n      data-slot=\"cookie-banner\"\n      role=\"dialog\"\n      aria-label=\"Cookie consent\"\n      className={cn(\n        \"fixed right-4 bottom-4 z-50 max-w-sm rounded-xl border border-border bg-raised p-4\",\n        \"shadow-lg\",\n        className\n      )}\n    >\n      <p className=\"text-sm text-fg-muted\">\n        We use cookies for analytics and preferences. You can accept or reject non-essential cookies.\n      </p>\n      <div className=\"mt-3 flex justify-end gap-2\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onReject}>Reject</Button>\n        <Button type=\"button\" size=\"sm\" onClick={onAccept}>Accept</Button>\n      </div>\n    </div>\n  )\n}\nexport { CookieBanner }\n"
    }
  ]
}