import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useContext } from 'react';
import { DashboardContext } from '../../DashboardContext';
import { DashboardSidebarProvider } from '../../DashboardSidebarProvider';
import { Container } from '../Container';
import { dashboardLayoutClassnames } from '../constants';
import { DecorativeHeaderBackground, Wrapper } from './styles';
export const DashboardWrapper = ({ children }) => {
    const { isFocusedMode } = useContext(DashboardContext);
    return (_jsx(DashboardSidebarProvider, { isFocusedMode: isFocusedMode, children: _jsxs(Wrapper, { className: dashboardLayoutClassnames.root, children: [_jsx(DecorativeHeaderBackground, { role: "presentation", "$isFocusedMode": isFocusedMode }), _jsx(Container, { children: children })] }) }));
};
