1import {createPortal} from 'react-dom';
 2import Box from '@material-ui/core/Box';
 3
 4const Dots = ({children}) =>
 5  createPortal(
 6    <Box
 7      className="slick-dots"
 8      component="ul"
 9      height={1}
10      display="flex"
11      alignItems="center"
12    >
13      <Box display="flex" margin="0 auto">
14        {children}
15      </Box>
16    </Box>,
17    document.getElementById('slider-dots')
18  );
19
20export default Dots;