revamp template

src/layouts/demo2/main/Main.tsx

@@ -0,0 +1,38 @@
+import { useMenuCurrentItem } from '@/components/menu';
+import { useMenus } from '@/providers';
+import { Fragment, useState } from 'react';
+import { Helmet } from 'react-helmet-async';
+import { Outlet, useLocation } from 'react-router';
+import { Footer, Header, Navbar } from '../';
+import { Toolbar, ToolbarHeading } from '../toolbar';
+
+const Main = () => {
+  const { pathname } = useLocation();
+  const { getMenuConfig } = useMenus();
+  const menuConfig = getMenuConfig('primary');
+  const menuItem = useMenuCurrentItem(pathname, menuConfig);
+
+  return (
+    <Fragment>
+      <Helmet>
+        <title>{menuItem?.title}</title>
+      </Helmet>
+      <div className="flex grow flex-col [[data-sticky-header=on]_&]:pt-[--tw-header-height-default]">
+        <Header />
+
+        <Navbar />
+
+        <main className="grow" role="content">
+          <Toolbar>
+            <ToolbarHeading />
+          </Toolbar>
+
+          <Outlet />
+        </main>
+        <Footer />
+      </div>
+    </Fragment>
+  );
+};
+
+export { Main };

src/layouts/demo2/main/index.ts

@@ -0,0 +1 @@
+export * from './Main';