import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../../../utils/cn";
const maxWidthStyles = {
    sm: "max-w-screen-sm",
    md: "max-w-screen-md",
    lg: "max-w-screen-lg",
    xl: "max-w-screen-xl",
    "2xl": "max-w-7xl",
    full: "max-w-full",
};
export const PageContainer = ({ children, className, maxWidth = "2xl", testId, }) => {
    return (_jsx("div", { className: cn("w-full px-4 laptop:px-0 mx-auto py-8", maxWidthStyles[maxWidth], className), "data-testid": testId, children: children }));
};
export default PageContainer;
