Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

1 рядок
2.7 KiB

  1. {"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"backend\", \"carousels\"];\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/notificationsStyles.js\";\nimport Carousel from \"react-slick\";\nimport Grid from '@material-ui/core/Grid';\nvar useStyles = makeStyles(styles);\n\nvar DataCarousel = function DataCarousel(_ref) {\n var backend = _ref.backend,\n carousels = _ref.carousels,\n props = _objectWithoutProperties(_ref, _excluded);\n\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 var Carousels = carousels.map(function (data) {\n return __jsx(\"div\", null, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n alt: \"First slide\",\n className: \"slick-image\"\n }));\n });\n return __jsx(\"div\", {\n className: classes.root,\n style: {\n marginTop: \"-30px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: 12,\n sm: 12,\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"div\", {\n className: \"container\"\n }, __jsx(Carousel, settings, Carousels)))), __jsx(Grid, {\n container: true,\n style: {\n marginTop: \"-60px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: 6,\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"div\", {\n className: \"container\"\n }, __jsx(Carousel, settings, __jsx(\"iframe\", {\n height: \"300px\",\n src: \"https://www.youtube.com/embed/lF8mfdLz2A8\",\n title: \"YouTube video player\",\n frameborder: \"0\",\n allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n allowfullscreen: true\n }))))), __jsx(Grid, {\n item: true,\n xs: 6,\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"div\", {\n className: \"container\"\n }, __jsx(Carousel, settings, __jsx(\"iframe\", {\n height: \"300px\",\n src: \"https://www.youtube.com/embed/W5y2C8lqOeA\",\n title: \"YouTube video player\",\n frameborder: \"0\",\n allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n allowfullscreen: true\n })))))));\n};\n\nexport default DataCarousel;","map":null,"metadata":{},"sourceType":"module"}