1  import { Box, Container } from '@mui/material';
 2  import { ReactNode } from 'react';
 3  
 4  interface ContentContainerProps {
 5    children: ReactNode;
 6  }
 7  
 8  export const ContentContainer = ({ children }: ContentContainerProps) => {
 9    return (
10      <Box
11        sx={{
12          display: 'flex',
13          flexDirection: 'column',
14          flex: 1,
15          mt: { xs: '-32px', lg: '-46px', xl: '-44px', xxl: '-48px' },
16        }}
17      >
18        <Container>{children}</Container>
19      </Box>
20    );
21  };