39 lines
932 B
TypeScript
39 lines
932 B
TypeScript
"use client";
|
|
|
|
import Header from "@/components/Header/index";
|
|
import Sidebar from "@/components/Sidebar";
|
|
import React, { useState } from "react";
|
|
|
|
interface LayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const Layout: React.FC<LayoutProps> = ({ children }) => {
|
|
const [sidebarOpen, setSidebarOpen] = useState(false);
|
|
|
|
return (
|
|
<div className="dashboard">
|
|
<Sidebar />
|
|
|
|
{/* Mobile Sidebar Overlay */}
|
|
{sidebarOpen && (
|
|
<div
|
|
className="fixed inset-0 z-40 bg-black/50 md:hidden"
|
|
onClick={() => setSidebarOpen(false)}
|
|
/>
|
|
)}
|
|
|
|
<div
|
|
className={`flex min-h-screen flex-col transition-all duration-300 md:pl-64`}
|
|
>
|
|
<Header onMenuClick={() => setSidebarOpen(!sidebarOpen)} />
|
|
<main className="animate-in fade-in flex-1 p-4 duration-500 md:p-8">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Layout;
|