import type { PropsWithChildren } from "react";
import { cn } from "../../lib/cn";

export function Container({
  children,
  className,
  size = "lg",
}: PropsWithChildren<{ className?: string; size?: "md" | "lg" | "xl" }>) {
  return (
    <div
      className={cn(
        "mx-auto w-full px-4",
        size === "md" ? "max-w-4xl" : size === "xl" ? "max-w-7xl" : "max-w-6xl",
        className,
      )}
    >
      {children}
    </div>
  );
}