import { Box } from '@mui/system';

const CardContainer = ({ children }) => {
  return (
    <Box
      sx={{
        ml: { md: 2 },
        mt: { xs: 5, md: 0 },
        display: 'flex',
        flexDirection: {
          xs: 'column',
          sm: 'row',
          lg: 'column',
        },
        justifyContent: { sm: 'space-between' },
        flexWrap: 'wrap',
      }}
    >
      {children}
    </Box>
  );
};

export default CardContainer;
