{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cookie-consent-01",
  "type": "registry:component",
  "title": "Cookie Consent",
  "author": "Toby Belhome",
  "description": "Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject options, and subtle visuals to inform users about cookies. Perfect for websites and SaaS platforms aiming for transparency and a modern, user-friendly experience.",
  "dependencies": [],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "examples/blocks/marketing/cookie-consent/01/page.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\n\nexport default function CookieConsent() {\n  return (\n    <>\n      <div className=\"bg-background absolute start-0 end-0 top-0 w-full\">\n        <div className=\"items-center px-4 py-4 md:flex\">\n          <div className=\"mb-5 px-3 md:mb-0 md:flex-1\">\n            <p className=\"text-center text-xs md:pr-12 md:text-left\">\n              We and selected partners and related companies, use cookies and similar technologies\n              as specified in our Cookies Policy. You agree to consent to the use of these\n              technologies by clicking Accept, or by continuing to browse this website. You can\n              learn more about how we use cookies and set cookie preferences in Settings.\n            </p>\n          </div>\n          <div className=\"space-x-2 text-center\">\n            <Button size=\"sm\" variant=\"outline\">\n              Cookie settings\n            </Button>\n            <Button size=\"sm\">Accept cookies</Button>\n          </div>\n        </div>\n      </div>\n\n      {/* fake content */}\n      <div className=\"bg-muted/50 h-60\"></div>\n    </>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/cookie-consent-01.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}