1import Container from '@mui/material/Container';
 2import theme from '../../theme';
 3
 4const MasonryContainer = ({children}) => {
 5  return (
 6    <Container
 7      maxWidth="sm"
 8      sx={{
 9        p: 1,
10        mb: 10,
11        outline: 'none',
12        '& > *': {
13          cursor: 'default',
14        },
15
16        [theme.breakpoints.down('md')]: {
17          marginBottom: `calc(${theme.spacing(10)} + 56px)`,
18        },
19      }}
20    >
21      {children}
22    </Container>
23  );
24};
25
26export default MasonryContainer;