14 lines
472 B
TypeScript
14 lines
472 B
TypeScript
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} />;
|
||
|
|
}
|