blocks/eda-frontend/src/components/Shared/LayoutMain.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

import PropTypes from 'prop-types'

import { makeStyles } from '@material-ui/core/styles'

const useStyles = makeStyles((theme) => ({
  content: {
    flexGrow: 1,
    padding: theme.spacing(5, 3),
    backgroundColor: '#f4f6f8',
    height: '100vh',
    overflow: 'auto'
  }
}))

// Display main content of layout
export default function LayoutMain ({ children }) {
  const classes = useStyles()

  return (
    <>
      <main className={classes.content}>
        {children}
      </main>
    </>
  )
}

LayoutMain.propTypes = {
  children: PropTypes.array.isRequired
}