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

const MainBackground = ({
  children,
  color = '#F2F2F2',
  disablePadding = false,
}) => (
  <Box
    sx={{
      py: disablePadding ? 0 : 3,
      backgroundColor: color,
      minHeight: {
        xs: 'calc(100vh - 98px)',
        sm: 'calc(100vh - 130px)',
      },
    }}
  >
    {children}
  </Box>
);

export default MainBackground;