text: import React from "react";
  import { makeStyles } from "@material-ui/core/styles";
  import AppBar from "@material-ui/core/AppBar";
  import Toolbar from "@material-ui/core/Toolbar";
  import Button from "@material-ui/core/Button";
  import { withRouter } from "react-router-dom";
  
  const useStyles = makeStyles(theme => ({
    root: {
      flexGrow: 1
    },
    menuButton: {
      marginRight: theme.spacing(2)
    },
    title: {
      flexGrow: 1
    }
  }));
  
  export const Header = withRouter(({ history }) => {
    const classes = useStyles();
    return (
      <div className={classes.root}>
        <AppBar position="static">
          <Toolbar>
            <Button onClick={() => history.push("/home")} color="inherit">
              Trade
            </Button>
          </Toolbar>
        </AppBar>
      </div>
    );
  });
  