{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-drawer-6",
  "description": "Scrollable content with terms and conditions",
  "registryDependencies": [
    "@coss/button",
    "@coss/drawer"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-drawer-6.tsx",
      "content": "import { Button } from \"@/registry/default/ui/button\";\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerPanel,\n  DrawerPopup,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/default/ui/drawer\";\n\nexport default function Particle() {\n  return (\n    <Drawer>\n      <DrawerTrigger render={<Button variant=\"outline\" />}>\n        Scrollable content\n      </DrawerTrigger>\n      <DrawerPopup showBar>\n        <DrawerHeader>\n          <DrawerTitle>Scrollable content</DrawerTitle>\n        </DrawerHeader>\n        <DrawerPanel>\n          <div className=\"flex flex-col gap-2\">\n            {Array.from({ length: 48 }, (_, i) => `box-${i}`).map((key) => (\n              <div\n                className=\"h-12 shrink-0 rounded-xl border bg-muted\"\n                key={key}\n              />\n            ))}\n          </div>\n        </DrawerPanel>\n        <DrawerFooter>\n          <DrawerClose render={<Button variant=\"outline\" />}>Close</DrawerClose>\n        </DrawerFooter>\n      </DrawerPopup>\n    </Drawer>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "drawer"
  ],
  "type": "registry:block"
}