tbg-ecomm-nextjs/.next/cache/next-babel-loader/6a2414bc7b9c01797835ecfe68ba3037.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';\nimport Image1 from \"assets/img/home-yamaha/1.png\";\nimport Image2 from \"assets/img/home-yamaha/2.jpg\";\nimport Image3 from \"assets/img/home-yamaha/3.jpg\";\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: \"-50px\"\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 12,\n    sm: 12,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, Carousels)))), __jsx(Grid, {\n    container: true,\n    style: {\n      marginTop: \"-80px\"\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 8,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, __jsx(\"img\", {\n    src: Image1,\n    alt: \"First slide\",\n    className: \"slick-image\"\n  }))))), __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, __jsx(\"img\", {\n    src: Image2,\n    alt: \"First slide\",\n    className: \"slick-image\"\n  })))), __jsx(\"div\", {\n    style: {\n      padding: \"20px\",\n      marginTop: \"-80px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, __jsx(\"img\", {\n    src: Image3,\n    alt: \"First slide\",\n    className: \"slick-image\"\n  })))))), __jsx(Grid, {\n    container: true,\n    style: {\n      marginTop: \"-80px\"\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, __jsx(\"iframe\", {\n    src: \"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\",\n    title: \"YouTube video player\",\n    frameBorder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowFullScreen: true\n  }))))), __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, __jsx(\"iframe\", {\n    src: \"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\",\n    title: \"YouTube video player\",\n    frameBorder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowFullScreen: true\n  }), \"                    \")))), __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\"\n  }, __jsx(Card, null, __jsx(Carousel, settings, __jsx(\"iframe\", {\n    src: \"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\",\n    title: \"YouTube video player\",\n    frameBorder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowFullScreen: true\n  })))))));\n};\n\nexport default DataCarousel;","map":null,"metadata":{},"sourceType":"module"}