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

const FilterFieldWrapper = ({ children, minWidth = '200px' }) => {
  return (
    <Box
      sx={{
        display: 'flex',
        flexDirection: 'column',
        gap: '0.125rem',
        minWidth: minWidth,
        width: '100%',
      }}
    >
      {children}
    </Box>
  );
};

export default FilterFieldWrapper;
