tbg-ecomm-nextjs/.next/cache/next-babel-loader/16cbc6bca3cffdbb9c34a8b3b51cb128.json

{"ast":null,"code":"var __jsx = React.createElement;\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 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\";\nconst useStyles = makeStyles(styles);\n\nconst DataCarrer = function (_ref) {\n  let {\n    backend,\n    detailcarrer\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"detailcarrer\"]);\n\n  const classes = useStyles();\n  const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\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 navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  const carrer = detailcarrer.map(data => {\n    return __jsx(GridContainer, {\n      justify: \"center\"\n    }, __jsx(Grid, {\n      fluid: true,\n      xs: 4\n    }, __jsx(\"div\", {\n      className: classes.section,\n      id: \"notifications\"\n    }, __jsx(\"div\", {\n      className: classes.section\n    }, __jsx(\"div\", {\n      className: classes.container\n    }, __jsx(GridContainer, null, __jsx(GridItem, {\n      className: classes.marginAuto\n    }, __jsx(Card, {\n      carousel: true\n    }, __jsx(Carousel, settings, __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"300px\",\n      alt: \"First slide\",\n      src: `${backend}${data.img[0][\"url\"]}`\n    }))))))))), __jsx(Grid, {\n      xs: 7,\n      style: {\n        padding: \"40px\",\n        marginTop: \"-30px\"\n      }\n    }, __jsx(\"h4\", null, data.name), __jsx(\"h4\", null, data.published_at), __jsx(\"hr\", null), __jsx(\"div\", {\n      align: \"justify\"\n    }, __jsx(\"p\", null, ReactHtmlParser(data.description)))));\n  });\n  return __jsx(\"div\", null, carrer);\n};\n\nexport default DataCarrer;","map":null,"metadata":{},"sourceType":"module"}