import React from 'react'; import PropTypes from 'prop-types'; import { withStyles } from '@material-ui/core/styles'; import AppBar from '@material-ui/core/AppBar'; import Toolbar from '@material-ui/core/Toolbar'; import Typography from '@material-ui/core/Typography'; import Button from '@material-ui/core/Button'; import IconButton from '@material-ui/core/IconButton'; import MenuIcon from '@material-ui/icons/Menu'; const styles = { root: { flexGrow: 1, }, flex: { flexGrow: 1, }, menuButton: { marginLeft: -12, marginRight: 20, }, }; function MainToobar(props) { const { classes } = props; return (