tbg-ecomm-nextjs/.next/cache/next-babel-loader/d24b8d373d9a3ea707ccda1e798bb140.json

{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"backend\", \"carousel\"];\nvar __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/notificationsStyles.js\";\nimport Carousel from \"react-slick\";\nimport Grid from '@material-ui/core/Grid';\nvar useStyles = makeStyles(styles);\n\nvar DataCarousel = function DataCarousel(_ref) {\n  var backend = _ref.backend,\n      carousel = _ref.carousel,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var classes = useStyles();\n  var settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    time: 5\n  };\n  var Carousels = carousel.map(function (data) {\n    return __jsx(\"div\", null, __jsx(\"img\", {\n      src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n      alt: \"First slide\",\n      className: \"slick-image\"\n    }));\n  });\n  return __jsx(\"div\", {\n    className: classes.root,\n    style: {\n      marginTop: \"-30px\"\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 12,\n    sm: 12,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    className: \"container\"\n  }, __jsx(Carousel, settings, Carousels))), __jsx(Grid, {\n    container: true,\n    style: {\n      marginTop: \"-60px\"\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 6,\n    className: classes.marginAuto\n  }, __jsx(Card, null, __jsx(\"div\", {\n    className: \"container\"\n  }, __jsx(Carousel, settings, __jsx(\"iframe\", {\n    width: \"815\",\n    height: \"448\",\n    src: \"https://www.youtube.com/embed/ctv6XEB3ZT4\",\n    title: \"YouTube video player\",\n    frameborder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowfullscreen: true,\n    style: {\n      height: \"300px\",\n      width: \"500px\",\n      display: \"block\"\n    }\n  }))))), __jsx(Grid, {\n    item: true,\n    xs: 6,\n    className: classes.marginAuto\n  }, __jsx(Card, null, __jsx(\"div\", {\n    className: \"container\"\n  }, __jsx(Carousel, settings, __jsx(\"iframe\", {\n    width: \"815\",\n    height: \"448\",\n    src: \"https://www.youtube.com/embed/sI3n7Fh8lrQ\",\n    title: \"YouTube video player\",\n    frameborder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowfullscreen: true,\n    style: {\n      height: \"300px\",\n      width: \"500px\",\n      display: \"block\"\n    }\n  })))))));\n};\n\nexport default DataCarousel;","map":null,"metadata":{},"sourceType":"module"}