Reconmap/web-client

import PageTitle from "components/logic/PageTitle";
import KeyboardShortcuts from "components/support/KeyboardShortcuts";
import { useState } from "react";
import { Outlet } from "react-router-dom";
import Header from "../Header";
import Sidebar from "../sidebar";

const DashboardLayout = () => {
    const [sidebarCollapsed, setSidebarCollapsed] = useState(false)

    return <>
        <PageTitle value="Dashboard" />
        <Header />
        <main role="main" className={sidebarCollapsed ? 'collapsed' : ''}>
            <Sidebar sidebarCollapsed={sidebarCollapsed} setSidebarCollapsed={setSidebarCollapsed} />
            <div id='content'>
                <Outlet />
            </div>
        </main>
        <KeyboardShortcuts />
    </>
}

export default DashboardLayout;