import { makeStyles } from '@material-ui/core/styles';

export const useStyles = makeStyles((theme) => ({
 appBarShift: {
  marginLeft: 240,
  width: `calc(100% - ${240}px)`,
  transition: theme.transitions.create(['width', 'margin'], {
   easing: theme.transitions.easing.sharp,
   duration: theme.transitions.duration.enteringScreen
  })
 },
 menuButton: {
  marginRight: 35
 },
 menuButtonHidden: {
  display: 'none'
 },
 title: {
  flexGrow: 1
 }
}));