text: module.exports = (theme, drawerWidth) => {
    const style = {
      root: {
        width: '100%',
        height: '100vh',
        zIndex: 1,
        overflow: 'hidden',
      },
      appFrame: {
        position: 'relative',
        display: 'flex',
        width: '100%',
        height: '100%',
      },
      appBar: {
        position: 'absolute',
        zIndex: theme.zIndex.navDrawer + 1,
        transition: theme.transitions.create(['width', 'margin'], {
          easing: theme.transitions.easing.sharp,
          duration: theme.transitions.duration.leavingScreen,
        }),
      },
      appBarShift: {
        marginLeft: drawerWidth,
        width: `calc(100% - ${drawerWidth}px)`,
        transition: theme.transitions.create(['width', 'margin'], {
          easing: theme.transitions.easing.sharp,
          duration: theme.transitions.duration.enteringScreen,
        }),
      },
      menuButton: {
        marginLeft: 12,
        marginRight: 36,
      },
      hide: {
        display: 'none',
      },
      drawerPaper: {
        position: 'relative',
        height: '100%',
        width: drawerWidth,
        transition: theme.transitions.create('width', {
          easing: theme.transitions.easing.sharp,
          duration: theme.transitions.duration.enteringScreen,
        }),
      },
      drawerPaperClose: {
        width: 60,
        overflowX: 'hidden',
        transition: theme.transitions.create('width', {
          easing: theme.transitions.easing.sharp,
          duration: theme.transitions.duration.leavingScreen,
        }),
      },
      drawerInner: {
        // Make the items inside not wrap when transitioning:
        width: drawerWidth,
      },
      drawerHeader: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'flex-end',
        padding: '0 8px',
        ...theme.mixins.toolbar,
      },
      content: {
        width: '100%',
        flexGrow: 1,
        backgroundColor: theme.palette.background.default,
        padding: theme.spacing.unit * 5,
        marginTop: 56,
        [theme.breakpoints.up('sm')]: {
          height: 'auto',
          marginTop: 64,
        },
        overflowY: 'auto'
      },
      nested: {
        paddingLeft: theme.spacing.unit * 2,
      },
    }
     return style;
  }
  
  
  
  
  
  