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>
  )
}