{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "drawer-demo",
  "type": "registry:example",
  "title": "Drawer Demo",
  "description": "A drawer from the bottom edge, pulled open or swiped away by its notch.",
  "registryDependencies": [
    "@loomui/drawer"
  ],
  "files": [
    {
      "path": "registry/example/drawer-demo.tsx",
      "content": "\"use client\"\n\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/loomui/drawer\"\n\nconst BUTTON =\n  \"border-border bg-background hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/60 inline-flex cursor-pointer items-center justify-center rounded-md border px-4 py-2 text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:outline-none active:scale-[0.98]\"\n\nexport default function DrawerDemo() {\n  return (\n    <Drawer>\n      <DrawerTrigger className={BUTTON}>Open drawer</DrawerTrigger>\n\n      <DrawerContent side=\"bottom\">\n        <DrawerHeader>\n          <DrawerTitle>Thread settings</DrawerTitle>\n          <DrawerDescription>\n            Drag anywhere on the panel to send it away.\n          </DrawerDescription>\n        </DrawerHeader>\n\n        <DrawerClose className={`${BUTTON} mt-auto self-start`}>\n          Done\n        </DrawerClose>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}