import type { ReactNode } from 'react';

interface ContentPageProps {
  pageNumber: number;
  hidePageNumber?: boolean;
  children?: ReactNode;
}

export const ContentPage = ({ pageNumber, children, hidePageNumber }: ContentPageProps) => {
  const pageNumString = pageNumber.toString().padStart(2, '0');

  return (
    <div 
      className="relative bg-white overflow-hidden text-black w-full print-page"
    >
      {/* Main Content */}
      <div className="flex-1 px-[60px] py-[40px]">
        {/* Page Number (if not hidden) */}
        {!hidePageNumber && (
          <div className="mb-8">
            <span className="text-[60px] font-bebas text-[#E5E5E5] leading-none">{pageNumString}</span>
          </div>
        )}

        {/* Dynamic Content Area */}
        <div className="space-y-6 w-full">
           {children}
        </div>
      </div>
    </div>
  );
};
