import { createRootRoute, Outlet } from "@tanstack/react-router";
import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
import Header from "../ui/Header";
import Footer from "../ui/Footer";
import { Toaster } from "sonner";

const RootLayout = () => (
  <>
    <Header />
    <main className="p-4 min-h-screen">
      <Outlet />
      <Toaster />
    </main>
    <Footer />
    <TanStackRouterDevtools position="bottom-right" />
  </>
);

export const Route = createRootRoute({
  component: RootLayout,
});