coffee-ts/components/layout/content-wrapper/ContentContainer.tsx

import { Box } from '@mui/system';
import { FC, ReactNode } from 'react';

interface Props {
  children: ReactNode;
}
const ContentContainer: FC<Props> = ({ children }) => {
  return (
    <Box
      sx={{
        display: 'flex',
        flexDirection: { xs: 'column', md: 'row' },
        mr: { xs: 2, md: 12 },
        ml: { xs: 2, md: 12 },
      }}
    >
      {children}
    </Box>
  );
};

export default ContentContainer;