import type { Metadata } from "next";
import "./globals.css";
import { UIProvider } from "@/context/UIContext";
import ShellWrapper from "@/components/ShellWrapper";

export const metadata: Metadata = {
    title: "MovieHubBD Encoder | Cloud Processing",
    description: "Advanced video encoding and metadata management for MovieHubBD",
};

export default function RootLayout({
    children,
}: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <html lang="en" suppressHydrationWarning>
            <body className="flex h-screen overflow-hidden bg-bg-primary text-white selection:bg-accent-cyan/30" suppressHydrationWarning>
                <UIProvider>
                    <ShellWrapper>
                        {children}
                    </ShellWrapper>
                </UIProvider>
            </body>
        </html>
    );
}

