import React from 'react'; import { Grid, Paper, makeStyles } from '@material-ui/core'; import MainToolbar from '../MainToolbar'; const useStyles = makeStyles(theme => ({ root: { height: '100%', display: 'flex', flexDirection: 'column', }, content: { flex: 1, overflow: 'auto', padding: theme.spacing(2), }, form: { padding: theme.spacing(1, 2, 2), }, })); const ReportLayoutPage = ({ children, filter }) => { const classes = useStyles(); return (