import type { ReactNode } from "react";

export interface PageContainerProps {
  children: ReactNode;
  className?: string;
}

export function PageContainer({ children, className }: PageContainerProps) {
  const cn = [
    "mx-auto w-full max-w-6xl px-4 py-10 sm:px-6",
    className ?? "",
  ]
    .filter(Boolean)
    .join(" ");
  return <div className={cn}>{children}</div>;
}