{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "container",
  "title": "Container",
  "description": "A responsive container component",
  "files": [
    {
      "path": "registry/cs/ui/container/container.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface ContainerProps extends React.ComponentProps<\"div\"> {\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\"\n  padding?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size = \"lg\", padding = true, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"container\"\n        className={cn(\n          \"mx-auto w-full\",\n          {\n            \"max-w-screen-sm\": size === \"sm\",\n            \"max-w-screen-md\": size === \"md\",\n            \"max-w-screen-lg\": size === \"lg\",\n            \"max-w-screen-xl\": size === \"xl\",\n            \"max-w-screen-2xl\": size === \"2xl\",\n            \"max-w-full\": size === \"full\",\n            \"px-4 sm:px-6 lg:px-8\": padding,\n          },\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nContainer.displayName = \"Container\"\n\nfunction ContainerFluid({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"container-fluid\"\n      className={cn(\"w-full px-4 sm:px-6 lg:px-8\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ContainerSection({ className, ...props }: React.ComponentProps<\"section\">) {\n  return (\n    <section\n      data-slot=\"container-section\"\n      className={cn(\"py-8 sm:py-12 lg:py-16\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Container, ContainerFluid, ContainerSection }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}