tbg-ecomm-nextjs/.next/cache/next-babel-loader/6a74473ec35111b6de7ac8b3b4909e1b.json

{"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\home\\\\carousel.js\";\nvar __jsx = React.createElement;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\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';\nconst useStyles = makeStyles(styles);\n\nconst DataCarousel = function (_ref) {\n  let {\n    backend,\n    carousels\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"carousels\"]);\n\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  const Carousels = carousels.map(data => {\n    return __jsx(\"div\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 9\n      }\n    }, __jsx(\"img\", {\n      src: `${backend}${data.img[0][\"url\"]}`,\n      alt: \"First slide\",\n      className: \"slick-image\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 11\n      }\n    }));\n  });\n  return __jsx(\"div\", {\n    className: classes.section,\n    id: \"notifications\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 7\n    }\n  }, __jsx(\"div\", {\n    className: classes.section,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 9\n    }\n  }, __jsx(\"div\", {\n    className: classes.container,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 11\n    }\n  }, __jsx(GridContainer, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 13\n    }\n  }, __jsx(GridItem, {\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 15\n    }\n  }, __jsx(Card, {\n    carousel: true,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 15\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 17\n    }\n  }), Carousels)))), __jsx(GridContainer, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 13\n    }\n  }, __jsx(GridItem, {\n    className: classes.marginAuto,\n    xs: 6,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 15\n    }\n  }, __jsx(Card, {\n    carousel: true,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 17\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 19\n    }\n  }), __jsx(\"iframe\", {\n    height: \"300px\",\n    src: \"https://www.youtube.com/embed/lF8mfdLz2A8\",\n    title: \"YouTube video player\",\n    frameborder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowfullscreen: true,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 21\n    }\n  })))), __jsx(GridItem, {\n    className: classes.marginAuto,\n    xs: 6,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 15\n    }\n  }, __jsx(Card, {\n    carousel: true,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 17\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 19\n    }\n  }), __jsx(\"iframe\", {\n    height: \"300px\",\n    src: \"https://www.youtube.com/embed/W5y2C8lqOeA\",\n    title: \"YouTube video player\",\n    frameborder: \"0\",\n    allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    allowfullscreen: true,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 21\n    }\n  }))))))));\n};\n\nexport default DataCarousel;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/suzuki/home/carousel.js"],"names":["React","makeStyles","GridContainer","GridItem","Card","styles","Carousel","Grid","useStyles","DataCarousel","backend","carousels","props","classes","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","Carousels","map","data","img","section","container","marginAuto"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\nimport Carousel from \"react-slick\";\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataCarousel = function ({ backend, carousels, ...props })  {\r\n    const classes = useStyles();\r\n    const settings = {\r\n      dots: true,\r\n      infinite: true,\r\n      speed: 500,\r\n      slidesToShow: 1,\r\n      slidesToScroll: 1,\r\n      autoplay: true,\r\n      time: 5\r\n    };\r\n    const Carousels = carousels.map((data) => {\r\n      return (\r\n        <div>\r\n          <img src={`${backend}${data.img[0][\"url\"]}`} alt=\"First slide\" className=\"slick-image\" />\r\n      </div>\r\n      );\r\n    })\r\n    return (\r\n      <div className={classes.section} id=\"notifications\">\r\n        <div className={classes.section}>\r\n          <div className={classes.container}>\r\n            <GridContainer>\r\n              <GridItem className={classes.marginAuto}>\r\n              <Card carousel>\r\n                <Carousel {...settings}>\r\n                  {Carousels}\r\n                </Carousel>\r\n              </Card>\r\n              </GridItem>\r\n            </GridContainer>\r\n            <GridContainer>\r\n              <GridItem className={classes.marginAuto} xs={6}>\r\n                <Card carousel>\r\n                  <Carousel {...settings}>\r\n                    <iframe height=\"300px\" src=\"https://www.youtube.com/embed/lF8mfdLz2A8\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n                  </Carousel>\r\n                </Card>\r\n              </GridItem>\r\n              <GridItem className={classes.marginAuto} xs={6}>\r\n                <Card carousel>\r\n                  <Carousel {...settings}>\r\n                    <iframe height=\"300px\" src=\"https://www.youtube.com/embed/W5y2C8lqOeA\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n                  </Carousel>\r\n                </Card>\r\n              </GridItem>\r\n            </GridContainer>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n}\r\n\r\nexport default DataCarousel;"]},"metadata":{},"sourceType":"module"}