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

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nvar _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\home\\\\Carousel.js\";\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/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';\nvar useStyles = makeStyles(styles);\n\nvar DataCarousel = function DataCarousel() {\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  return __jsx(\"div\", {\n    className: classes.section,\n    id: \"notifications\",\n    style: {\n      marginTop: \"-40px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 9\n    }\n  }, __jsx(\"div\", {\n    className: classes.section,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 13\n    }\n  }, __jsx(\"div\", {\n    className: classes.container,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 13\n    }\n  }, __jsx(GridContainer, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 17\n    }\n  }, __jsx(GridItem, {\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    carousel: true,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 17\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 21\n    }\n  }), __jsx(\"img\", {\n    src: image1,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 25\n    }\n  }), __jsx(\"img\", {\n    src: image2,\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: image3,\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":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/home/Carousel.js"],"names":["React","makeStyles","GridContainer","GridItem","Card","styles","Carousel","Grid","image1","image2","image3","useStyles","DataCarousel","classes","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","section","marginTop","container","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;AAEA,IAAMC,SAAS,GAAGV,UAAU,CAACI,MAAD,CAA5B;;AACA,IAAMO,YAAY,GAAG,SAAfA,YAAe,GAAa;AAC9B,MAAMC,OAAO,GAAGF,SAAS,EAAzB;AACA,MAAMG,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,OAAxB;AAAiC,IAAA,EAAE,EAAC,eAApC;AAAoD,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAEV,OAAO,CAACS,OAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA;AAAK,IAAA,SAAS,EAAET,OAAO,CAACW,SAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,QAAD;AAAU,IAAA,SAAS,EAAEX,OAAO,CAACY,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,IAAD;AAAM,IAAA,QAAQ,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,QAAD,eAAcX,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACI;AAAK,IAAA,GAAG,EAAEN,MAAV;AAAkB,IAAA,GAAG,EAAC,aAAtB;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI;AAAK,IAAA,GAAG,EAAEC,MAAV;AAAkB,IAAA,GAAG,EAAC,aAAtB;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFJ,EAGI;AAAK,IAAA,GAAG,EAAEC,MAAV;AAAkB,IAAA,GAAG,EAAC,aAAtB;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHJ,CADJ,CADA,CADA,CADJ,CADA,CADJ,CADJ;AAmBH,CA9BD;;AAgCA,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\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        <div className={classes.section} id=\"notifications\" style={{marginTop:\"-40px\"}}>\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                        <img src={image1} alt=\"First slide\" className=\"slick-image\" />\r\n                        <img src={image2} alt=\"First slide\" className=\"slick-image\" />\r\n                        <img src={image3} alt=\"First slide\" className=\"slick-image\" />\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"}