{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\design\\\\crea2\\\\modal.js\",\n _s = $RefreshSig$();\nimport React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faAngleRight, faXmark } from \"@fortawesome/free-solid-svg-icons\";\nimport Slider from \"react-slick\";\nimport { useRef } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Modal = ({\n image,\n closeModal\n}) => {\n _s();\n const settings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1\n };\n const sliderRef = useRef();\n const nextSlide = () => {\n sliderRef.current.slickNext();\n };\n const prevSlide = () => {\n sliderRef.current.slickPrev();\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"modal absolute top-20 w-1/3 left-1/2 -translate-x-2/4 \",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"modal-content relative\",\n children: [/*#__PURE__*/_jsxDEV(\"span\", {\n className: \"close absolute top-0 right-0 p-5 \",\n onClick: closeModal,\n children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n className: \"text-4xl hover:bg-stone-300 transition-colors ease-in-out delay-150 hover:text-orange-500 p-2 rounded-full h-10 w-10\",\n icon: faXmark,\n style: {\n color: \"#ffffff\"\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(Slider, {\n ...settings,\n ref: sliderRef,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n className: \"rounded-2xl \",\n src: \"/images/crea2/image-product-1.jpg\",\n alt: \"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n className: \"rounded-2xl \",\n src: \"/images/crea2/image-product-2.jpg\",\n alt: \"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n className: \"rounded-2xl \",\n src: \"/images/crea2/image-product-3.jpg\",\n alt: \"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n className: \"rounded-2xl \",\n src: \"/images/crea2/image-product-4.jpg\",\n alt: \"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 21\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n className: \"absolute h-24 w-24 hover:border hover:border-stone-500 transition ease-in-out delay-100 rounded-full bg-stone-100 flex items-center justify-center -left-0 -translate-x-2/4 -translate-y-2/4 top-1/2 hover:bg-stone-300 \",\n onClick: prevSlide,\n children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n className: \"text-5xl\",\n icon: faAngleRight,\n rotation: 180\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n className: \"absolute h-24 w-24 transition ease-in-out delay-100 hover:border hover:border-stone-500 hover:bg-stone-300 rounded-full bg-stone-100 flex items-center justify-center -right-0 translate-x-2/4 -translate-y-2/4 top-1/2 \",\n onClick: nextSlide,\n children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n className: \"text-5xl\",\n icon: faAngleRight\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 9\n }, this);\n};\n_s(Modal, \"wjKMYkN3mXB32DfSYznkohhJ8nw=\");\n_c = Modal;\nexport default Modal;\nvar _c;\n$RefreshReg$(_c, \"Modal\");","map":{"version":3,"names":["React","FontAwesomeIcon","faAngleRight","faXmark","Slider","useRef","jsxDEV","_jsxDEV","Modal","image","closeModal","_s","settings","dots","infinite","speed","slidesToShow","slidesToScroll","sliderRef","nextSlide","current","slickNext","prevSlide","slickPrev","className","children","onClick","icon","style","color","fileName","_jsxFileName","lineNumber","columnNumber","ref","src","alt","rotation","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/design/crea2/modal.js"],"sourcesContent":["import React from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faAngleRight, faXmark } from \"@fortawesome/free-solid-svg-icons\";\r\nimport Slider from \"react-slick\";\r\nimport { useRef } from \"react\";\r\n\r\n\r\nconst Modal=({image,closeModal} )=>{\r\n\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 };\r\n\r\n const sliderRef = useRef();\r\n\r\n const nextSlide = () => {\r\n sliderRef.current.slickNext();\r\n };\r\n \r\n const prevSlide = () => {\r\n sliderRef.current.slickPrev();\r\n };\r\n\r\n return(\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Modal"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}