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