import { cn } from "@/lib/utils";
import Navbar from "@/components/common/Navbar";
import Footer from "@/components/common/Footer";

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <div
      className={cn(
        "h-full bg-background text-on-background font-body-md selection:bg-primary selection:text-on-primary",
        "antialiased",
        "font-sans",
      )}
    >
      <div className="container mx-auto px-4 pb-24 md:pb-0">
        <Navbar />
        {children}
      </div>
      <Footer />
    </div>
  );
}