27 lines
636 B
JavaScript
27 lines
636 B
JavaScript
|
import React from 'react';
|
||
|
|
import { makeStyles } from '@material-ui/core/styles';
|
||
|
|
import Paper from '@material-ui/core/Paper';
|
||
|
|
|
||
|
|
const useStyles = makeStyles((theme) => ({
|
||
|
|
root: {
|
||
|
|
display: 'flex',
|
||
|
|
flexWrap: 'wrap',
|
||
|
|
'& > *': {
|
||
|
|
margin: theme.spacing(1),
|
||
|
|
width: theme.spacing(16),
|
||
|
|
height: theme.spacing(16),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}));
|
||
|
|
|
||
|
|
export default function PaperContainer({children}) {
|
||
|
|
const classes = useStyles();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className={classes.root}>
|
||
|
|
<Paper height='15vh'>
|
||
|
|
{children}
|
||
|
|
</Paper>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|