tbg-ecomm-nextjs/.next/cache/next-babel-loader/7f15aeafa2b96e0667ec63ef7d87b09c.json

{"ast":null,"code":"var __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/homeStyle.js\";\nimport Carousel from \"react-slick\";\nimport Grid from '@material-ui/core/Grid';\nimport image1 from 'assets/img/carousel/1.jpg';\nimport image2 from 'assets/img/carousel/2.jpg';\nimport image3 from 'assets/img/carousel/3.jpg';\nconst useStyles = makeStyles(styles);\n\nconst DataCarousel = function () {\n  const classes = useStyles();\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    time: 5\n  };\n  return __jsx(\"div\", {\n    className: classes.section,\n    id: \"notifications\",\n    style: {\n      marginTop: \"-40px\"\n    }\n  }, __jsx(\"div\", {\n    className: classes.section\n  }, __jsx(\"div\", {\n    className: classes.container\n  }, __jsx(GridContainer, null, __jsx(GridItem, {\n    className: classes.marginAuto\n  }, __jsx(Card, {\n    carousel: true\n  }, __jsx(Carousel, settings, __jsx(\"img\", {\n    src: image1,\n    alt: \"First slide\",\n    className: \"slick-image\"\n  }), __jsx(\"img\", {\n    src: image2,\n    alt: \"First slide\",\n    className: \"slick-image\"\n  }), __jsx(\"img\", {\n    src: image3,\n    alt: \"First slide\",\n    className: \"slick-image\"\n  }))))))));\n};\n\nexport default DataCarousel;","map":null,"metadata":{},"sourceType":"module"}