import React from "react"; import PersistentHeader from "./headerPartitionPersistent"; import VariableHeader from "./headerPartitionVariable"; import { makeStyles } from "@material-ui/core/styles"; const styles = makeStyles({ container: { display: "flex", }, "header-persistent": { minWidth: "100vw", }, "header-variable": {}, }); function Header(props) { const classes = styles(); return ( <div className={classes["container"]}> <VariableHeader className={classes["header-variable"]} /> <PersistentHeader openDrawer={props.openDrawer} open={props.open} className={classes["header-persistent"]} /> </div> ); } export default Header;