{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\design\\\\crea2\\\\modal.js\";\nimport React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faAngleRight, faXmark } from \"@fortawesome/free-solid-svg-icons\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Modal = ({\n  image,\n  closeModal\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 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: 16,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n        className: \"rounded-2xl \",\n        src: image,\n        alt: \"\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"absolute border border-stone-900 h-24 w-24 rounded-full bg-stone-100 flex items-center justify-center -left-0 -translate-x-2/4 -translate-y-2/4 top-1/2 \",\n        children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n          className: \"text-5xl\",\n          icon: faAngleRight,\n          rotation: 180\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 21,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"absolute border border-stone-900 h-24 w-24 rounded-full bg-stone-100 flex items-center justify-center -right-0 translate-x-2/4 -translate-y-2/4 top-1/2 \",\n        children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n          className: \"text-5xl\",\n          icon: faAngleRight,\n          rotation: 180\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 10,\n      columnNumber: 13\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 9,\n    columnNumber: 9\n  }, this);\n};\n_c = Modal;\nexport default Modal;\nvar _c;\n$RefreshReg$(_c, \"Modal\");","map":{"version":3,"names":["React","FontAwesomeIcon","faAngleRight","faXmark","jsxDEV","_jsxDEV","Modal","image","closeModal","className","children","onClick","icon","style","color","fileName","_jsxFileName","lineNumber","columnNumber","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\n\r\n\r\nconst Modal=({image,closeModal} )=>{\r\n\r\n    return(\r\n        <div className=\"modal absolute top-20 w-1/3 left-1/2  -translate-x-2/4 \">\r\n            <div className=\"modal-content relative\">\r\n                <span className=\"close absolute top-0 right-0 p-5  \"\r\n                onClick={closeModal}\r\n                >\r\n                 \r\n                \r\n                    <FontAwesomeIcon className=\"text-4xl hover:bg-stone-300 p-2 rounded-full h-10 w-10\" icon={faXmark} style={{color: \"#ffffff\",}}  />\r\n\r\n                </span>\r\n                <img className=\"rounded-2xl \" src={image} alt=\"\"/>\r\n                <button className=\"absolute border border-stone-900 h-24 w-24 rounded-full bg-stone-100 flex items-center justify-center -left-0 -translate-x-2/4 -translate-y-2/4 top-1/2 \">\r\n                <FontAwesomeIcon className=\"text-5xl\" icon={faAngleRight} rotation={180}  />\r\n                </button>\r\n                <button className=\"absolute border border-stone-900 h-24 w-24 rounded-full bg-stone-100 flex items-center justify-center -right-0 translate-x-2/4 -translate-y-2/4 top-1/2 \">\r\n\r\n                <FontAwesomeIcon className=\"text-5xl\" icon={faAngleRight} rotation={180}  />\r\n                </button>\r\n\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Modal"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAAUC,YAAY,EAAEC,OAAO,QAAQ,mCAAmC;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAG3E,MAAMC,KAAK,GAACA,CAAC;EAACC,KAAK;EAACC;AAAU,CAAC,KAAI;EAE/B,oBACIH,OAAA;IAAKI,SAAS,EAAC,yDAAyD;IAAAC,QAAA,eACpEL,OAAA;MAAKI,SAAS,EAAC,wBAAwB;MAAAC,QAAA,gBACnCL,OAAA;QAAMI,SAAS,EAAC,oCAAoC;QACpDE,OAAO,EAAEH,UAAW;QAAAE,QAAA,eAIhBL,OAAA,CAACJ,eAAe;UAACQ,SAAS,EAAC,wDAAwD;UAACG,IAAI,EAAET,OAAQ;UAACU,KAAK,EAAE;YAACC,KAAK,EAAE;UAAU;QAAE;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAG;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEhI,CAAC,eACPb,OAAA;QAAKI,SAAS,EAAC,cAAc;QAACU,GAAG,EAAEZ,KAAM;QAACa,GAAG,EAAC;MAAE;QAAAL,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAC,CAAC,eAClDb,OAAA;QAAQI,SAAS,EAAC,0JAA0J;QAAAC,QAAA,eAC5KL,OAAA,CAACJ,eAAe;UAACQ,SAAS,EAAC,UAAU;UAACG,IAAI,EAAEV,YAAa;UAACmB,QAAQ,EAAE;QAAI;UAAAN,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAG;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACpE,CAAC,eACTb,OAAA;QAAQI,SAAS,EAAC,0JAA0J;QAAAC,QAAA,eAE5KL,OAAA,CAACJ,eAAe;UAACQ,SAAS,EAAC,UAAU;UAACG,IAAI,EAAEV,YAAa;UAACmB,QAAQ,EAAE;QAAI;UAAAN,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAG;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACpE,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAER;EAAC;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACL,CAAC;AAEd,CAAC;AAAAI,EAAA,GAzBKhB,KAAK;AA2BX,eAAeA,KAAK;AAAA,IAAAgB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}