import React from 'react';
import Header from './Header';
import Footer from './Footer';

interface AppLayoutProps {
  children: React.ReactNode;
  header?: React.ReactNode;
  footer?: React.ReactNode;
}

const AppLayout: React.FC<AppLayoutProps> = ({ children, header, footer }) => {
  return (
    <div className="min-h-screen bg-background text-foreground">
      {header || <Header />}
      <main>{children}</main>
      {footer || <Footer />}
    </div>
  );
};

export default AppLayout;