import Footer from "~/components/Footer";
import Header from "~/components/Header";

export default function RootLayout({children}: {children: React.ReactNode}) {
  return (
    <div className="bg-gray-100 min-h-screen font-sans flex flex-col">
      <Header/>
      <main className="container mx-auto pb-8 flex-grow">
        {children}
      </main>
      <Footer />
    </div>
  )
}
