import { ReactNode } from 'react';
import { NavHeader } from '@/components/layout/NavHeader';
import { Footer } from '@/components/layout/Footer';

interface PageLayoutProps {
  children: ReactNode;
  className?: string;
  noFooter?: boolean;
  zenMode?: boolean;
}

export function PageLayout({ children, className = '', noFooter = false, zenMode = false }: PageLayoutProps) {
  const containerClasses = `min-h-screen flex flex-col ${zenMode ? 'zen-mode' : ''}`;
  
  return (
    <div className={containerClasses}>
      <NavHeader />
      
      <main className={`flex-1 ${className}`}>
        {children}
      </main>
      
      {!noFooter && <Footer />}
    </div>
  );
}
