import type { Metadata } from "next";

import env from "@/env";
import "@/styles";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";

import ReactQueryProvider from "@/components/providers/ReactQuery";
import { Toaster } from "@/components/ui/sonner";

export const metadata: Metadata = {
  title: "AdminTemplate - Admin Panel",
  description:
    "Plantilla base para panel de administración con autenticación y gestión de usuarios",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="es">
      <body className="scroll-smooth antialiased">
        <ReactQueryProvider>
          {children}
          {env.NODE_ENV === "development" ? <ReactQueryDevtools /> : null}
          <Toaster />
        </ReactQueryProvider>
      </body>
    </html>
  );
}
