26 lines
506 B
TypeScript
26 lines
506 B
TypeScript
import type { ReactNode } from "react"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
export function WeddingContainer({
|
|
children,
|
|
wide = false,
|
|
className,
|
|
}: {
|
|
children: ReactNode
|
|
wide?: boolean
|
|
className?: string
|
|
}) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"mx-auto w-full px-wedding-gutter-mobile wedding-md:px-wedding-gutter-phone wedding-lg:px-wedding-gutter-desktop",
|
|
wide ? "max-w-wedding-content" : "max-w-6xl",
|
|
className,
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|