| import type React from "react" |
| import type { Metadata } from "next" |
| import { DM_Sans } from "next/font/google" |
| import "./globals.css" |
| import { ThemeProvider } from "@/providers/theme-provider" |
| import { SidebarProvider, SidebarInset } from "@/components/ui/sidebar" |
| import AppSidebar from "@/components/sidebar" |
| import { Toaster } from "@/components/ui/toaster" |
| import Topbar from "@/components/topbar" |
|
|
| const font = DM_Sans({ subsets: ["latin"] }) |
|
|
| export const metadata: Metadata = { |
| title: "Transcription Chatbot", |
| description: "Generated by create next app", |
| } |
|
|
| export default function RootLayout({ |
| children, |
| }: Readonly<{ |
| children: React.ReactNode |
| }>) { |
| return ( |
| <html lang="en"> |
| <body className={`${font.className} antialiased`}> |
| <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange> |
| <SidebarProvider> |
| <div className="flex h-screen w-full"> |
| <AppSidebar /> |
| <SidebarInset className="flex-1 flex flex-col min-w-0"> |
| <Topbar /> |
| <div className="flex-1 overflow-hidden">{children}</div> |
| </SidebarInset> |
| </div> |
| <Toaster /> |
| </SidebarProvider> |
| </ThemeProvider> |
| </body> |
| </html> |
| ) |
| } |
|
|
