tbg-ecomm-nextjs/.next/cache/next-babel-loader/46c0a4110abcc226b67e5261f29f3512.json

{"ast":null,"code":"var _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\honda\\\\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    carousel\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"carousel\"]);\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 = carousel.map(data => {\n    return __jsx(\"div\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 13\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: 17\n      }\n    }));\n  });\n  return __jsx(\"div\", {\n    className: classes.root,\n    style: {\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 9\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 12,\n    sm: 12,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 13\n    }\n  }, __jsx(\"div\", {\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 17\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 21\n    }\n  }), Carousels))), __jsx(Grid, {\n    container: true,\n    style: {\n      marginTop: \"-40px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 13\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 6,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 25\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 29\n    }\n  }), __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    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 33\n    }\n  }))))), __jsx(Grid, {\n    item: true,\n    xs: 6,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 25\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 29\n    }\n  }), __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    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 33\n    }\n  })))))));\n};\n\nexport default DataCarousel;","map":{"version":3,"sources":["C:/tbg-ecomm-nextjs/pages-sections/honda/home/carousel.js"],"names":["React","makeStyles","GridContainer","GridItem","Card","styles","Carousel","Grid","useStyles","DataCarousel","backend","carousel","props","classes","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","Carousels","map","data","img","root","marginTop","marginAuto","height","width","display"],"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, carousel, ...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 = carousel.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\r\n    return (\r\n        <div className = {classes.root} style={{marginTop:\"-30px\"}}>\r\n            <Grid item xs={12} sm={12} className={classes.marginAuto}>\r\n                <div className=\"container\">\r\n                    <Carousel {...settings}>\r\n                        {Carousels}\r\n                    </Carousel>\r\n                </div>\r\n            </Grid>\r\n            <Grid container style={{marginTop:\"-40px\"}}>\r\n                <Grid item xs={6} className={classes.marginAuto}>\r\n                    <Card>\r\n                        <div className=\"container\">\r\n                            <Carousel {...settings}>\r\n                                <iframe width=\"815\" height=\"448\" src=\"https://www.youtube.com/embed/ctv6XEB3ZT4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style={{height: \"300px\", width: \"500px\", display: \"block\"}}></iframe>\r\n                            </Carousel>\r\n                        </div>\r\n                    </Card>\r\n                </Grid>\r\n                <Grid item xs={6} className={classes.marginAuto}>\r\n                    <Card>\r\n                        <div className=\"container\">\r\n                            <Carousel {...settings}>\r\n                                <iframe width=\"815\" height=\"448\" src=\"https://www.youtube.com/embed/sI3n7Fh8lrQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style={{height: \"300px\", width: \"500px\", display: \"block\"}}></iframe>\r\n                            </Carousel>\r\n                        </div>\r\n                    </Card>\r\n                </Grid>\r\n            </Grid>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataCarousel;"]},"metadata":{},"sourceType":"module"}