import React, { type FC, useMemo } from "react"; import Head from "next/head"; import { layoutWrapperClasses, layoutNotPushedClasses, layoutPushedClasses, } from "@/components/layouts/styles"; import TopNavigationProvider from "@/components/layouts/top-navigation/TopNavigationProvider"; import SidebarPanelProvider from "@/components/layouts/sidebar-panel/SidebarPanelProvider"; import SidebarPanelFloatProvider from "@/components/layouts/sidebar-panel-float/SidebarPanelFloatProvider"; import { useDashboardStore } from "@/stores/dashboard"; import { useLayoutStore } from "@/stores/layout"; import LayoutSwitcher from "@/components/layouts/LayoutSwitcher"; import PageTransition from "@/components/elements/PageTransition"; type LayoutColors = "default" | "muted"; interface LayoutProps { children: React.ReactNode; title?: string; description?: string; color?: LayoutColors; fullwidth?: boolean; horizontal?: boolean; nopush?: boolean; } const siteTitle = process.env.NEXT_PUBLIC_SITE_NAME; const siteDescription = process.env.NEXT_PUBLIC_SITE_DESCRIPTION; const Layout: FC = ({ children, title = siteTitle, description = siteDescription, color = "default", fullwidth = false, horizontal = false, nopush = false, }) => { const { sidebarOpened, settings } = useDashboardStore(); const { activeLayout } = useLayoutStore(); const wrapperClass = useMemo( () => `${activeLayout.toLowerCase()}-wrapper`, [activeLayout] ); const layoutProvider = useMemo(() => { switch (activeLayout) { case "sidebar-panel": return ( ); case "sidebar-panel-float": return ( ); case "top-navigation": return ( ); default: return null; } }, [activeLayout, fullwidth, horizontal, nopush]); return ( <> {title}
{layoutProvider}
div]:h-full [&>div]:min-h-screen" : "" }`} >
{children}
); }; export default Layout;