{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "container-demo",
  "type": "registry:component",
  "title": "Container example",
  "description": "Usage example (demo) for Container: the code behind the preview on https://facadeui.dev/components/container. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/container.json"
  ],
  "files": [
    {
      "path": "container.tsx",
      "type": "registry:component",
      "target": "components/examples/container-demo.tsx",
      "content": "import { Container } from \"@/components/ui/container\"\n\nconst sizes = [\"sm\", \"md\", \"lg\"] as const\n\nexport function Demo() {\n  return (\n    <div className=\"flex flex-col gap-4 py-4\">\n      {sizes.map((size) => (\n        <Container key={size} size={size}>\n          <div className=\"bg-accent text-accent-foreground rounded-lg px-4 py-3 text-sm font-medium\">\n            size=&quot;{size}&quot;\n          </div>\n        </Container>\n      ))}\n    </div>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/container-demo.tsx renders Container with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/container"
}