{"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\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\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';\nimport image4 from 'assets/img/carousel/4.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.root,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\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: 30,\n columnNumber: 13\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 17\n }\n }, __jsx(\"div\", {\n className: \"container\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 21\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 21\n }\n }), __jsx(\"img\", {\n src: image3,\n alt: \"First slide\",\n className: \"slick-image\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 25\n }\n }), __jsx(\"img\", {\n src: image4,\n alt: \"First slide\",\n className: \"slick-image\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 25\n }\n }))))));\n};\n\nexport default DataCarousel;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/home/Carousel.js"],"names":["React","makeStyles","GridContainer","GridItem","Card","styles","Carousel","Grid","image1","image2","image3","image4","useStyles","DataCarousel","classes","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","root","marginAuto"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,MAAP,MAAmB,sEAAnB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AAEA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AAEA,MAAMC,SAAS,GAAGX,UAAU,CAACI,MAAD,CAA5B;;AACA,MAAMQ,YAAY,GAAG,YAAa;AAC9B,QAAMC,OAAO,GAAGF,SAAS,EAAzB;AACA,QAAMG,QAAQ,GAAG;AACbC,IAAAA,IAAI,EAAE,IADO;AAEbC,IAAAA,QAAQ,EAAE,IAFG;AAGbC,IAAAA,KAAK,EAAE,GAHM;AAIbC,IAAAA,YAAY,EAAE,CAJD;AAKbC,IAAAA,cAAc,EAAE,CALH;AAMbC,IAAAA,QAAQ,EAAE,IANG;AAObC,IAAAA,IAAI,EAAE;AAPO,GAAjB;AASA,SACI;AAAK,IAAA,SAAS,EAAER,OAAO,CAACS,IAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,EAAf;AAAmB,IAAA,EAAE,EAAE,EAAvB;AAA2B,IAAA,SAAS,EAAET,OAAO,CAACU,UAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAC,WAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,QAAD,eAAcT,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAGI;AAAK,IAAA,GAAG,EAAEL,MAAV;AAAkB,IAAA,GAAG,EAAC,aAAtB;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHJ,EAII;AAAK,IAAA,GAAG,EAAEC,MAAV;AAAkB,IAAA,GAAG,EAAC,aAAtB;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJJ,CADA,CADJ,CADJ,CADJ,CADJ;AAgBH,CA3BD;;AA6BA,eAAeE,YAAf","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/homeStyle.js\";\r\nimport Carousel from \"react-slick\";\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport image1 from 'assets/img/carousel/1.jpg'\r\nimport image2 from 'assets/img/carousel/2.jpg'\r\nimport image3 from 'assets/img/carousel/3.jpg'\r\nimport image4 from 'assets/img/carousel/4.jpg'\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataCarousel = function () {\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 return (\r\n
\r\n \r\n \r\n
\r\n \r\n {/* \"First */}\r\n {/* \"First */}\r\n \"First\r\n \"First\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default DataCarousel;"]},"metadata":{},"sourceType":"module"}