// components/layout/Layout.tsx
import Footer from './Footer';
import Header from './Header';

export const Layout = ({ children }: { children: React.ReactNode }) => {

    return (
        <div className="flex flex-col min-h-screen bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-100 transition-colors duration-300">
            <Header /> 
            <main className="flex-grow  mx-auto w-full">
                {children}
            </main>
            <Footer />
        </div>
    );
};
