import React from 'react';
import { usePage } from '@inertiajs/react';
import Header from './Header';

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

const AppLayout: React.FC<AppLayoutProps> = ({ children, header, footer }) => {
  const { auth } = usePage().props;

  return (
    <div className="min-h-screen bg-background text-foreground">
      {header || <Header />}
      <main>{children}</main>
      {footer}
    </div>
  );
};

export default AppLayout;