import Footer from "./Footer";
import Header from "./Header";
import { useTheme } from "../hooks/useTheme";

export default function Layout({ children }) {
  const theme = useTheme();

  return (
    <div className="flex flex-col min-h-screen bg-ctp-base">
      <Header theme={theme} />
      <main className="flex-1">{children}</main>
      <Footer />
    </div>
  );
}
