import ThemeInitializer from "@/components/ui/ThemeInitializer";
import SystemNotifications from "@/components/ui/SystemNotifications";
import type { Metadata } from "next";
import { Poppins } from "next/font/google";
import "./globals.css";

const poppins = Poppins({
  weight: ["400", "500", "600", "700", "800", "900"],
});

export const metadata: Metadata = {
  title: "Academia SICCAP",
  applicationName: "Academia SICCAP",
  description: "Academia SICCAP, plataforma de capacitación en línea del ICATEP.",
};

export default function RootLayout({ children }: LayoutProps<"/">) {
  return (
    <html lang="es" className={`${poppins.className} h-full antialiased`}>
      <body className="app-theme min-h-full flex flex-col">
        <ThemeInitializer />
        <SystemNotifications>{children}</SystemNotifications>
      </body>
    </html>
  );
}