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