import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import Layout from "@/components/layout";
import { Toaster } from "@/components/ui/toaster";
import {
ClerkProvider,
SignInButton,
SignUpButton,
SignedIn,
SignedOut,
UserButton,
} from '@clerk/nextjs'
import { auth } from '@clerk/nextjs/server'
import { redirect } from "next/navigation";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: 'Display Management System',
description: 'Professional display management system for E-sports centers',
};
export default async function RootLayout({ children }: { children: React.ReactNode }) {
const { sessionClaims } = await auth()
return (
<ClerkProvider>
<html lang="en">
<body>
{children}
<Toaster />
</body>
</html>
</ClerkProvider>
);
}