{"ast":null,"code":"import _objectSpread from\"C:/Users/user/Desktop/03portreact/node_modules/@babel/runtime/helpers/esm/objectSpread2.js\";import React from\"react\";import{FontAwesomeIcon}from\"@fortawesome/react-fontawesome\";import{faAngleRight,faXmark}from\"@fortawesome/free-solid-svg-icons\";import Slider from\"react-slick\";import{useRef}from\"react\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var Modal=function Modal(_ref){var closeModal=_ref.closeModal;var settings={dots:true,infinite:true,speed:500,slidesToShow:1,slidesToScroll:1};var sliderRef=useRef();var nextSlide=function nextSlide(){sliderRef.current.slickNext();};var prevSlide=function prevSlide(){sliderRef.current.slickPrev();};return/*#__PURE__*/_jsxs(\"div\",{className:\"modal w-1/3 relative max-sm:w-full mt-10 max-sm:mt-50 max-sm:-left:5\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"close absolute -top-20 -right-7 p-5 \",onClick:closeModal,children:/*#__PURE__*/_jsx(FontAwesomeIcon,{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\",icon:faXmark,style:{color:\"#ffffff\"}})}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"div\",{className:\"modal-content relative\",children:/*#__PURE__*/_jsxs(Slider,_objectSpread(_objectSpread({},settings),{},{ref:sliderRef,children:[/*#__PURE__*/_jsx(\"img\",{className:\"rounded-2xl \",src:\"/images/crea2/image-product-1.jpg\",alt:\"\"}),/*#__PURE__*/_jsx(\"img\",{className:\"rounded-2xl \",src:\"/images/crea2/image-product-2.jpg\",alt:\"\"}),/*#__PURE__*/_jsx(\"img\",{className:\"rounded-2xl \",src:\"/images/crea2/image-product-3.jpg\",alt:\"\"}),/*#__PURE__*/_jsx(\"img\",{className:\"rounded-2xl \",src:\"/images/crea2/image-product-4.jpg\",alt:\"\"})]}))}),/*#__PURE__*/_jsx(\"button\",{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 max-sm:hidden \",onClick:prevSlide,children:/*#__PURE__*/_jsx(FontAwesomeIcon,{className:\"text-5xl\",icon:faAngleRight,rotation:180})}),/*#__PURE__*/_jsx(\"button\",{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 max-sm:hidden\",onClick:nextSlide,children:/*#__PURE__*/_jsx(FontAwesomeIcon,{className:\"text-5xl\",icon:faAngleRight})})]})]});};export default Modal;","map":{"version":3,"names":["React","FontAwesomeIcon","faAngleRight","faXmark","Slider","useRef","jsx","_jsx","jsxs","_jsxs","Modal","_ref","closeModal","settings","dots","infinite","speed","slidesToShow","slidesToScroll","sliderRef","nextSlide","current","slickNext","prevSlide","slickPrev","className","children","onClick","icon","style","color","_objectSpread","ref","src","alt","rotation"],"sources":["C:/Users/user/Desktop/03portreact/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=({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\n\r\nexport default Modal"],"mappings":"sHAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,eAAe,KAAQ,gCAAgC,CAChE,OAAUC,YAAY,CAAEC,OAAO,KAAQ,mCAAmC,CAC1E,MAAO,CAAAC,MAAM,KAAM,aAAa,CAChC,OAASC,MAAM,KAAQ,OAAO,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,yBAG/B,GAAM,CAAAC,KAAK,CAAC,QAAN,CAAAA,KAAKA,CAAAC,IAAA,CAAkB,IAAf,CAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAGhB,GAAM,CAAAC,QAAQ,CAAG,CACfC,IAAI,CAAE,IAAI,CACVC,QAAQ,CAAE,IAAI,CACdC,KAAK,CAAE,GAAG,CACVC,YAAY,CAAE,CAAC,CACfC,cAAc,CAAE,CAClB,CAAC,CAED,GAAM,CAAAC,SAAS,CAAGd,MAAM,CAAC,CAAC,CAE1B,GAAM,CAAAe,SAAS,CAAG,QAAZ,CAAAA,SAASA,CAAA,CAAS,CACtBD,SAAS,CAACE,OAAO,CAACC,SAAS,CAAC,CAAC,CAC/B,CAAC,CAED,GAAM,CAAAC,SAAS,CAAG,QAAZ,CAAAA,SAASA,CAAA,CAAS,CACtBJ,SAAS,CAACE,OAAO,CAACG,SAAS,CAAC,CAAC,CAC/B,CAAC,CAEL,mBAEIf,KAAA,QAAKgB,SAAS,CAAC,yEAAyE,CAAAC,QAAA,eAChFnB,IAAA,SAAMkB,SAAS,CAAC,uCAAuC,CACvDE,OAAO,CAAEf,UAAW,CAAAc,QAAA,cAIhBnB,IAAA,CAACN,eAAe,EAACwB,SAAS,CAAC,sHAAsH,CAACG,IAAI,CAAEzB,OAAQ,CAAC0B,KAAK,CAAE,CAACC,KAAK,CAAE,SAAU,CAAE,CAAG,CAAC,CAE9L,CAAC,cACPrB,KAAA,QAAAiB,QAAA,eACJnB,IAAA,QAAKkB,SAAS,CAAC,wBAAwB,CAAAC,QAAA,cACnCjB,KAAA,CAACL,MAAM,CAAA2B,aAAA,CAAAA,aAAA,IAAKlB,QAAQ,MAAGmB,GAAG,CAAEb,SAAU,CAAAO,QAAA,eAGtCnB,IAAA,QAAKkB,SAAS,CAAC,cAAc,CAACQ,GAAG,CAAC,mCAAmC,CAAAC,GAAG,CAAC,EAAE,CAAC,CAAC,cAI7E3B,IAAA,QAAKkB,SAAS,CAAC,cAAc,CAACQ,GAAG,CAAC,mCAAmC,CAAAC,GAAG,CAAC,EAAE,CAAC,CAAC,cAG7E3B,IAAA,QAAKkB,SAAS,CAAC,cAAc,CAACQ,GAAG,CAAC,mCAAmC,CAAAC,GAAG,CAAC,EAAE,CAAC,CAAC,cAI7E3B,IAAA,QAAKkB,SAAS,CAAC,cAAc,CAACQ,GAAG,CAAC,mCAAmC,CAAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAErE,CAAC,CACJ,CAAC,cACN3B,IAAA,WAAQkB,SAAS,CAAC,6OAA6O,CAC/PE,OAAO,CAAEJ,SAAU,CAAAG,QAAA,cACnBnB,IAAA,CAACN,eAAe,EAACwB,SAAS,CAAC,UAAU,CAACG,IAAI,CAAE1B,YAAa,CAACiC,QAAQ,CAAE,GAAI,CAAG,CAAC,CACpE,CAAC,cACT5B,IAAA,WAAQkB,SAAS,CAAC,2OAA2O,CAC7PE,OAAO,CAAEP,SAAU,CAAAM,QAAA,cAEnBnB,IAAA,CAACN,eAAe,EAACwB,SAAS,CAAC,UAAU,CAACG,IAAI,CAAE1B,YAAa,CAAI,CAAC,CACtD,CAAC,EAER,CAAC,EACL,CAAC,CAGd,CAAC,CAED,cAAe,CAAAQ,KAAK"},"metadata":{},"sourceType":"module","externalDependencies":[]}