21 lines
717 B
TypeScript
21 lines
717 B
TypeScript
import { useState } from 'react';
|
|
import { Outlet } from 'react-router-dom';
|
|
import Sidebar from './Sidebar';
|
|
import Topbar from './Topbar';
|
|
|
|
export default function Layout() {
|
|
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
|
|
|
|
return (
|
|
<div className="flex min-h-screen bg-gray-50 text-gray-900 font-vazir relative overflow-hidden" dir="rtl">
|
|
<Sidebar isOpen={isMobileMenuOpen} setIsOpen={setIsMobileMenuOpen} />
|
|
<div className="flex-1 flex flex-col min-h-screen w-full lg:w-auto">
|
|
<Topbar toggleMenu={() => setIsMobileMenuOpen(!isMobileMenuOpen)} />
|
|
<main className="flex-1 p-6 overflow-y-auto">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|