import type {Metadata} from "next";
import {Geist, Geist_Mono} from "next/font/google";
import "./globals.css";
import ProfileDropdown from '@/components/ProfileDropdown'
import React from "react"; // <- Add this line

const geistSans = Geist({
    variable: "--font-geist-sans",
    subsets: ["latin"],
});

const geistMono = Geist_Mono({
    variable: "--font-geist-mono",
    subsets: ["latin"],
});

export const metadata: Metadata = {
    title: "Demo | Rhein-Software",
    description: "Demos für Rhein-Software",
};

export default function RootLayout({
                                       children,
                                   }: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <html lang="en">
        <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
        <div className="min-h-screen bg-zinc-900 text-white">
            <header className="flex justify-end p-4 border-b border-zinc-800">
                <ProfileDropdown/>
            </header>
            {children}
        </div>
        </body>
        </html>
    );
}
