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

type ContainerProps = ComponentProps<"div">;

/**
 * Global content container. Use inside full-bleed sections so backgrounds
 * can span the viewport while content stays aligned with the rest of the site.
 */
export function Container({ className, ...props }: ContainerProps) {
  return <div className={cn(layout.container, className)} {...props} />;
}