25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1 line
2.7 KiB

  1. {"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\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, [\"backend\", \"carousels\"]);\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.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, Carousels)))), __jsx(GridContainer, {\n style: {\n marginTop: \"-30px\"\n }\n }, __jsx(Grid, {\n style: {\n padding: \"35px\"\n }\n }, __jsx(Card, null, __jsx(\"iframe\", {\n width: \"853\",\n height: \"480\",\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 style: {\n height: \"300px\",\n width: \"500px\",\n display: \"block\"\n }\n }))), __jsx(Grid, {\n style: {\n padding: \"35px\"\n }\n }, __jsx(Card, null, __jsx(\"iframe\", {\n width: \"853\",\n height: \"480\",\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 style: {\n height: \"300px\",\n width: \"500px\",\n display: \"block\"\n }\n })))))));\n};\n\nexport default DataCarousel;","map":null,"metadata":{},"sourceType":"module"}