23 lines
611 B
TypeScript
23 lines
611 B
TypeScript
import { SidebarInset, SidebarProvider } from "@repo/shadcn-ui/components";
|
|
import { Outlet } from "react-router";
|
|
import { AppSidebar } from "./app-sidebar.tsx";
|
|
|
|
export const AppLayout: React.FC = () => {
|
|
return (
|
|
<SidebarProvider
|
|
style={
|
|
{
|
|
"--sidebar-width": "calc(var(--spacing) * 72)",
|
|
"--header-height": "calc(var(--spacing) * 12)",
|
|
} as React.CSSProperties
|
|
}
|
|
>
|
|
<AppSidebar variant='inset' />
|
|
{/* Aquí está el MAIN */}
|
|
<SidebarInset className='app-main'>
|
|
<Outlet />
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
);
|
|
};
|