---
import { cn } from "@/lib/utils";

type Props = {
    size: "sm" | "md" | "lg" | "xl" | "2xl";
    class?: string;
};

const { size, class: className } = Astro.props;
---

<div
    class={cn(
        "w-full h-full mx-auto px-5",
        size === "sm" && "max-w-screen-sm",
        size === "md" && "max-w-3xl",
        size === "lg" && "max-w-5xl",
        size === "xl" && "max-w-7xl",
        size === "2xl" && "max-w-screen-2xl",
        className,
    )}
>
    <slot />
</div>