import { makeStyles } from "@material-ui/styles";
import { createStyles } from "@material-ui/core";
export default function styles({ width, height }) {
    const useStyles = makeStyles((theme) => {
        return createStyles({
            root: {
                display: "flex"
            },
            appBar: {
                zIndex: theme.zIndex.drawer + 1
            },
            drawer: {
                width,
                height,
                flexShrink: 0
            },
            drawerPaper: {
                width,
                height,
                padding: theme.spacing(3)
            },
            drawContent: {
                flexGrow: 1
            },
            toolbar: theme.mixins.toolbar
        });
    });
    return useStyles();
}