{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { Resizable } from \"~/registry/ui/resizable\";\n\nexport function ResizableDemo() {\n  return (\n    <Resizable.Root\n      className=\"max-w-md rounded-lg border md:min-w-112.5\"\n      orientation=\"horizontal\"\n    >\n      <Resizable.Panel defaultSize=\"50%\">\n        <div className=\"flex h-50 items-center justify-center p-6\">\n          <span className=\"font-semibold\">One</span>\n        </div>\n      </Resizable.Panel>\n      <Resizable.Separator />\n      <Resizable.Panel defaultSize=\"50%\">\n        <Resizable.Root orientation=\"vertical\">\n          <Resizable.Panel defaultSize=\"25%\">\n            <div className=\"flex h-full items-center justify-center p-6\">\n              <span className=\"font-semibold\">Two</span>\n            </div>\n          </Resizable.Panel>\n          <Resizable.Separator />\n          <Resizable.Panel defaultSize=\"75%\">\n            <div className=\"flex h-full items-center justify-center p-6\">\n              <span className=\"font-semibold\">Three</span>\n            </div>\n          </Resizable.Panel>\n        </Resizable.Root>\n      </Resizable.Panel>\n    </Resizable.Root>\n  );\n}\n",
      "path": "src/registry/examples/resizable/resizable-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "resizable-demo",
  "registryDependencies": [
    "@kanpeki/resizable"
  ],
  "type": "registry:example"
}