"use client";
import { Slot } from '@radix-ui/react-slot';
import { cva } from 'class-variance-authority';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var containerVariants = cva("mx-auto w-full", {
  variants: {
    size: {
      sm: "max-w-[var(--container-sm,33rem)]",
      md: "max-w-[var(--container-md,40rem)]",
      lg: "max-w-[var(--container-lg,50rem)]",
      xl: "max-w-[var(--container-xl,66rem)]",
      full: "max-w-full"
    },
    padding: {
      none: "",
      sm: "px-[var(--space-3,0.75rem)]",
      md: "px-[var(--space-4,1rem)]",
      lg: "px-[var(--space-8,2rem)]"
    }
  },
  defaultVariants: {
    size: "lg",
    padding: "md"
  }
});
function Container({ className, size, padding, asChild = false, ...props }) {
  const Comp = asChild ? Slot : "div";
  return /* @__PURE__ */ jsx(Comp, { className: cn(containerVariants({ size, padding }), className), ...props });
}

export { Container, containerVariants };
//# sourceMappingURL=container.js.map
//# sourceMappingURL=container.js.map