20 lines
415 B
TypeScript
20 lines
415 B
TypeScript
interface ContainerProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
as?: "div" | "section" | "article";
|
|
}
|
|
|
|
export function Container({
|
|
children,
|
|
className = "",
|
|
as: Component = "div",
|
|
}: ContainerProps) {
|
|
return (
|
|
<Component
|
|
className={`mx-auto w-full max-w-[var(--spacing-container)] px-[var(--spacing-container-padding)] ${className}`}
|
|
>
|
|
{children}
|
|
</Component>
|
|
);
|
|
}
|