import { Container } from "@/registry/components/container"

export interface ContainerProps {
  children: React.ReactNode
  className?: string
  variant?: "default" | "wide" | "narrow"
}

export function Container({ children, className, variant = "default" }: ContainerProps) {
  return (
    <div className={cn("mx-auto px-6 md:px-8", variantStyles[variant], className)}>
      {children}
    </div>
  )
}