import type { ReactNode } from "react";
import { Footer } from "./footer";
import { Header } from "./header";

interface SiteLayoutProps {
  children: ReactNode;
}

export function SiteLayout({ children }: SiteLayoutProps) {
  return (
    <div className="flex min-h-screen flex-col bg-zinc-50 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-50">
      <Header />
      <main className="flex-1">{children}</main>
      <Footer />
    </div>
  );
}
