import { Box, MediaQuery } from '@tidbcloud/uikit'

export const GridWrapper: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {
  return (
    <Box sx={{ height: '100%', position: 'relative', overflowX: 'auto', zIndex: 0 }}>
      <MediaQuery smallerThan="lg" styles={{ minWidth: 960 }}>
        {children}
      </MediaQuery>
    </Box>
  )
}