'use client';
import Footer from '@/components/layout/footer';
import Header from '@/components/layout/header';
import MobileNav from '@/components/layout/mobile-nav';
import { FirebaseClientProvider } from '@/firebase';


export default function MainLayout({ children }: { children: React.ReactNode }) {
  return (
    <FirebaseClientProvider>
      <div className="flex min-h-screen flex-col bg-background">
        <Header />
        <main className="flex-1">{children}</main>
        <Footer />
        <MobileNav />
      </div>
    </FirebaseClientProvider>
  );
}