discord-clone/app/layout.tsx
2023-10-08 01:34:41 -07:00

40 lines
966 B
TypeScript

import './globals.css'
import type { Metadata } from 'next'
import { Open_Sans } from 'next/font/google'
import { ClerkProvider } from '@clerk/nextjs'
import { ThemeProvider } from '@/components/providers/theme-provider'
import { cn } from '@/lib/utils'
const Font = Open_Sans({ subsets: ['latin'] })
export const metadata: Metadata = {
title: 'Discord-Clone',
description: 'Generated by create next app',
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<ClerkProvider>
<html lang="en" suppressHydrationWarning>
<body className={cn(
Font.className,
"bg-white dark:bg-[#313338]"
)}>
<ThemeProvider
attribute='class'
defaultTheme='dark'
enableSystem={false}
storageKey='discord-theme'
>
{children}
</ThemeProvider>
</body>
</html>
</ClerkProvider>
)
}