text: import { Outlet } from 'react-router-dom';
  // material
  import { styled } from '@mui/material/styles';
  import { grey } from '@mui/material/colors';
  //
  // import DashboardNavbar from './DashboardNavbar';
  // ----------------------------------------------------------------------
  
  const APP_BAR_MOBILE = 64;
  const APP_BAR_DESKTOP = 92;
  
  const RootStyle = styled('div')({
    display: 'flex',
    minHeight: '100%',
    overflow: 'hidden'
  });
  
  const MainStyle = styled('div')(({ theme }) => ({
    flexGrow: 1,
    overflow: 'auto',
    // minHeight: '100%',
    paddingTop: APP_BAR_MOBILE + 24,
    paddingBottom: theme.spacing(10),
    [theme.breakpoints.up('lg')]: {
      paddingTop: APP_BAR_DESKTOP + 24,
      paddingLeft: theme.spacing(2),
      paddingRight: theme.spacing(2)
    },
    backgroundColor: grey[900]
  }));
  
  // ----------------------------------------------------------------------
  
  export default function DashboardLayout() {
    return (
      <RootStyle>
        {/* <DashboardNavbar /> */}
        {/* <DashboardSidebar isOpenSidebar={open} onCloseSidebar={() => setOpen(false)} /> */}
        <MainStyle>
          <Outlet />
        </MainStyle>
      </RootStyle>
    );
  }
  