23 lines
571 B
TypeScript
23 lines
571 B
TypeScript
import { type ReactNode } from "react";
|
|
|
|
interface PageContainerProps {
|
|
children: ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* PageContainer — global max-width + horizontal padding wrapper.
|
|
*
|
|
* Every section's inner content should be wrapped in this to ensure
|
|
* consistent container width across all pages.
|
|
*
|
|
* Default: max-w-[1260px], px-[15px], mx-auto
|
|
*/
|
|
export function PageContainer({ children, className = "" }: PageContainerProps) {
|
|
return (
|
|
<div className={`mx-auto w-full max-w-[1260px] px-[15px] ${className}`}>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|