import Header from '../Components/common/Header'
import Sidebar from '../Components/common/Sidebar'
import MainSection from "./MainSection";

import { useState } from 'react'

export default function PanelLayout() {
    const [sidebarOpen, setSidebarOpen] = useState(false);
    return (
        <div dir="rtl" className="w-screen h-screen flex flex-row bg-gray-200">
            <div className="relative h-full border-[#E6E6E6] border-l-2 md:flex">
                <Sidebar sidebarOpen={sidebarOpen} setSidebarOpen={setSidebarOpen}/>
            </div>
            <div className="relative flex flex-col bg-2 h-full w-full overflow-auto" >
                <Header sidebarOpen={sidebarOpen} setSidebarOpen={setSidebarOpen}/>
                <MainSection/>
            </div>
        </div>
    );
}