bbgo_origin/frontend/layouts/PlainLayout.js

44 lines
1.2 KiB
JavaScript
Raw Normal View History

2021-02-01 09:13:27 +00:00
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 Typography from "@material-ui/core/Typography";
import Container from '@material-ui/core/Container';
const useStyles = makeStyles((theme) => ({
root: {
// flexGrow: 1,
display: 'flex',
},
content: {
flexGrow: 1,
height: '100vh',
overflow: 'auto',
},
appBar: {
zIndex: theme.zIndex.drawer + 1,
},
appBarSpacer: theme.mixins.toolbar,
}));
2022-04-13 16:53:01 +00:00
export default function PlainLayout(props) {
2021-02-01 09:13:27 +00:00
const classes = useStyles();
return <div className={classes.root}>
<AppBar className={classes.appBar}>
<Toolbar>
<Typography variant="h6" className={classes.title}>
2022-04-13 16:53:01 +00:00
{ props && props.title ? props.title : "BBGO Setup Wizard" }
2021-02-01 09:13:27 +00:00
</Typography>
</Toolbar>
</AppBar>
<main className={classes.content}>
<div className={classes.appBarSpacer}/>
<Container>
2022-04-13 16:53:01 +00:00
{props.children}
2021-02-01 09:13:27 +00:00
</Container>
</main>
</div>;
}