23 lines
798 B
TypeScript
23 lines
798 B
TypeScript
import type { FC } from "react"
|
|
import { Outlet } from "react-router-dom";
|
|
|
|
import { ThemeProvider } from "@/components/theme/provider"
|
|
import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
|
|
import { AppSidebar } from "@/components/sidebar";
|
|
|
|
export const Layout: FC = () => (
|
|
<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
|
|
<SidebarProvider>
|
|
<AppSidebar />
|
|
<div className="p-4 flex flex-col w-full h-[100vh] overflow-hidden">
|
|
<nav className="flex items-center justify-between">
|
|
<SidebarTrigger className="size-10" />
|
|
<div role="actions" />
|
|
</nav>
|
|
<main className="flex-1 overflow-auto p-4 overflow-hidden">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
</SidebarProvider>
|
|
</ThemeProvider>
|
|
); |