import type { Metadata } from "next";
import "./globals.css";
import { Providers } from "@/components/Providers";

export const metadata: Metadata = {
    title: "Vantage",
    description: "Self-hosted SSH key management",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
    return (
        // data-theme is what site/ and adminsite/ switch on. This app is locked to
        // dark, so the attribute is fixed rather than toggleable it is here so
        // the three apps declare their ground the same way.
        <html lang="en" className="dark" data-theme="dark">
            <body className="bg-background font-sans text-text-primary">
                <Providers>{children}</Providers>
            </body>
        </html>
    );
}
