{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "container",
  "type": "registry:ui",
  "title": "Container",
  "description": "A container component that can be used to contain and center content.",
  "files": [
    {
      "path": "registry/tra-kit/components/container.tsx",
      "content": "import { cva, VariantProps } from 'class-variance-authority';\r\nimport React, { ReactNode } from 'react';\r\nimport { cn } from '@/lib/utils';\r\n\r\nexport const containerVariants = cva('container mx-auto w-full', {\r\n  variants: {\r\n    maxWidth: {\r\n      xs: 'max-w-full',\r\n      sm: 'max-w-(--breakpoint-sm)',\r\n      md: 'max-w-(--breakpoint-md)',\r\n      lg: 'max-w-(--breakpoint-lg)',\r\n      xl: 'max-w-(--breakpoint-xl)',\r\n      '2xl': 'max-w-(--breakpoint-2xl)',\r\n      full: 'max-w-full',\r\n    },\r\n    disableGutters: {\r\n      true: 'px-0',\r\n      false: 'px-4 md:px-6',\r\n    },\r\n    centered: {\r\n      true: 'flex items-center justify-center',\r\n      false: '',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    maxWidth: 'xl',\r\n    disableGutters: false,\r\n    centered: false,\r\n  },\r\n});\r\n\r\ninterface IContainer extends VariantProps<typeof containerVariants> {\r\n  as?: React.ElementType;\r\n  children: ReactNode;\r\n  className?: string;\r\n}\r\n\r\nconst Container: React.FC<IContainer> = ({\r\n  as = 'div',\r\n  centered = false,\r\n  children,\r\n  className = '',\r\n  disableGutters = false,\r\n  maxWidth = 'xl',\r\n}) => {\r\n  const Comp = as ?? 'div';\r\n  return (\r\n    <Comp className={cn(containerVariants({ maxWidth, disableGutters, centered }), className)}>\r\n      {children}\r\n    </Comp>\r\n  );\r\n};\r\n\r\nexport default Container;\r\n",
      "type": "registry:ui"
    }
  ]
}