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

const MaxWidthWrapper = ({
    className,
    id,
    children,
}: {
    className?: string;
    id?: string;
    children: ReactNode;
}) => {
    return (
        <section
            className={cn(
                "mx-auto h-full w-full max-w-(--breakpoint-2xl) px-8 md:px-12 lg:px-16",
                className,
            )}
            id={id}
        >
            {children}
        </section>
    );
};

export default MaxWidthWrapper;
