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

export default function SectionContainer({ children, maxWidth = 'lg', sx = {} }) {
  return (
    <Box
      sx={{
        width: '100%',
        maxWidth,
        mx: 'auto',
        px: { xs: 2, md: 4 },
        py: { xs: 3, md: 5 },
        ...sx,
      }}
    >
      {children}
    </Box>
  );
}