school-dashboard-exercise/src/Layout/Ui/Layout.tsx
2024-08-07 16:37:27 +03:00

25 lines
557 B
TypeScript

import React from "react";
import NavBar from "./NavBar";
import SideBar from "./SideBar";
import ProtectedRouteProvider from "../../lib/ProtectedRouteProvider";
const Layout = ({
children,
className = "",
}: {
children: React.ReactNode;
className?: string;
}) => {
return (
<ProtectedRouteProvider className="Layout">
<main className={`${className} Layout_Body`}>
<NavBar />
<div className="Layout_Children">{children}</div>
</main>
<SideBar />
</ProtectedRouteProvider>
);
};
export default Layout;