26 lines
654 B
TypeScript
26 lines
654 B
TypeScript
import { SidebarInset, SidebarProvider } from "@repo/shadcn-ui/components";
|
|
import { Outlet } from "react-router";
|
|
|
|
import { AppSidebar } from "./app-sidebar.tsx";
|
|
import { AppTopbar } from "./app-topbar.tsx";
|
|
|
|
export const AppLayout = () => {
|
|
return (
|
|
<SidebarProvider
|
|
style={
|
|
{
|
|
"--sidebar-width": "16rem",
|
|
"--sidebar-width-mobile": "18rem",
|
|
} as React.CSSProperties
|
|
}
|
|
>
|
|
<AppSidebar className="bg-sidebar" />
|
|
{/* Aquí está el MAIN */}
|
|
<SidebarInset className="app-main bg-muted ">
|
|
<AppTopbar />
|
|
<Outlet />
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
);
|
|
};
|