{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\carrer\\\\carrer_details.js\";\nvar _excluded = [\"backend\", \"detailcarrer\"];\nvar __jsx = React.createElement;\nimport React from 'react';\nimport ReactHtmlParser from \"react-html-parser\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport classNames from \"classnames\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport Carousel from \"react-slick\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataCarrer = function DataCarrer(_ref) {\n  var _this = this;\n\n  var backend = _ref.backend,\n      detailcarrer = _ref.detailcarrer,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var classes = useStyles();\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\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 navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  var carrer = detailcarrer.map(function (data) {\n    return __jsx(GridContainer, {\n      justify: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 13\n      }\n    }, __jsx(Grid, {\n      fluid: true,\n      xs: 4,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      className: classes.section,\n      id: \"notifications\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      className: classes.section,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 25\n      }\n    }, __jsx(\"div\", {\n      className: classes.container,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 29\n      }\n    }, __jsx(GridContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 29\n      }\n    }, __jsx(GridItem, {\n      className: classes.marginAuto,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 33\n      }\n    }, __jsx(Card, {\n      carousel: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 37\n      }\n    }, __jsx(Carousel, _extends({}, settings, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 41\n      }\n    }), __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"300px\",\n      alt: \"First slide\",\n      src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 45\n      }\n    }))))))))), __jsx(Grid, {\n      xs: 7,\n      style: {\n        padding: \"40px\",\n        marginTop: \"-30px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 17\n      }\n    }, __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 21\n      }\n    }, data.name), __jsx(\"h4\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 21\n      }\n    }, data.published_at), __jsx(\"hr\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"justify\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 21\n      }\n    }, __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 25\n      }\n    }, ReactHtmlParser(data.description)))));\n  });\n  return __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 9\n    }\n  }, carrer);\n};\n\nexport default DataCarrer;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/carrer/carrer_details.js"],"names":["React","ReactHtmlParser","makeStyles","classNames","GridContainer","Grid","GridItem","Card","Carousel","styles","useStyles","DataCarrer","backend","detailcarrer","props","classes","imageClasses","imgRaised","imgRoundedCircle","imgFluid","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","navImageClasses","imgRounded","imgGallery","carrer","map","data","section","container","marginAuto","img","padding","marginTop","name","published_at","description"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport classNames from \"classnames\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport Carousel from \"react-slick\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataCarrer = function ({ backend, detailcarrer, ...props }) {\r\n    const classes = useStyles();\r\n    const imageClasses = classNames(\r\n        classes.imgRaised,\r\n        classes.imgRoundedCircle,\r\n        classes.imgFluid\r\n    );\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 navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n    const carrer = detailcarrer.map((data) => {\r\n        return (\r\n            <GridContainer justify=\"center\">\r\n                <Grid fluid xs={4}> \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                                            <img className={navImageClasses} width=\"300px\" alt=\"First slide\" src={`${backend}${data.img[0][\"url\"]}`} />\r\n                                        </Carousel>\r\n                                    </Card>\r\n                                </GridItem>\r\n                            </GridContainer>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </Grid>\r\n                <Grid xs={7} style={{padding:\"40px\", marginTop:\"-30px\"}}>\r\n                    <h4>{data.name}</h4>\r\n                    <h4>{data.published_at}</h4>\r\n                    <hr></hr>\r\n                    <div align=\"justify\">\r\n                        <p>{ReactHtmlParser(data.description)}</p>\r\n                    </div>\r\n                </Grid>\r\n            </GridContainer>\r\n        );\r\n    })\r\n    return (\r\n        <div>\r\n            {carrer}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataCarrer;"]},"metadata":{},"sourceType":"module"}