haxe
const drawerWidth = 240;

const useStyles = makeStyles(theme => ({
  root: {
    display: 'flex',
  },
  appBar: {
    width: `calc(100% - ${drawerWidth}px)`,
    marginLeft: drawerWidth,
  },`
  drawer: {
    width: drawerWidth,
    flexShrink: 0,
  },

What is the conversion process of react code like? Particularly the style itself + the

appBar.width

code