import type { ReactNode } from "react";
import { cn } from "@/lib/cn";

export function PageContainer({
  children,
  className,
}: {
  children: ReactNode;
  className?: string;
}) {
  const hasCustomMaxW = className && /\bmax-w-/.test(className);
  return (
    <div
      className={cn(
        "relative mx-auto flex w-full flex-col",
        !hasCustomMaxW && "max-w-[1440px]",
        className
      )}
    >
      {children}
    </div>
  );
}