25 lines
486 B
Plaintext
25 lines
486 B
Plaintext
---
|
|
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>
|