{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\04portefolio\\\\presentation\\\\realisation.js\",\n  _s = $RefreshSig$();\nimport React, { useState } from \"react\";\nimport UseFetch from \"../../../../../hooks/useFetch\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faAngleRight } from \"@fortawesome/free-solid-svg-icons\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Realisation = () => {\n  _s();\n  const {\n    data,\n    error\n  } = UseFetch(\"/realisation.json\");\n  const [currentItem, setCurrentItem] = useState(0);\n  if (error) {\n    console.log(\"Error fetching data\");\n  }\n  const handleNext = () => {\n    setCurrentItem(prevItem => (prevItem + 1) % data.length);\n  };\n  const handlePrev = () => {\n    setCurrentItem(prevItem => (prevItem - 1 + data.length) % data.length);\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: data.length > 0 && /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"carousel-container w-full  \",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"carousel-item flex space-x-2 justify-center w-full\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"imgPortfolio lg:w-4/6 max- flex relative\",\n          children: [/*#__PURE__*/_jsxDEV(\"button\", {\n            id: \"preview\",\n            className: \"absolute backdrop-blur-xl\",\n            onClick: handlePrev,\n            disabled: currentItem === 0,\n            children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n              className: \"nextPre\",\n              icon: faAngleRight,\n              rotation: 180,\n              style: {\n                color: \"#ec69c3\"\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 36,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 31,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n            src: data[currentItem].imageSrc,\n            alt: data[currentItem].titre01,\n            className: \"carouselImg\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 39,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n            id: \"next\",\n            className: \"absolute backdrop-blur-xl\",\n            onClick: handleNext,\n            disabled: currentItem === data.length - 1,\n            children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n              icon: faAngleRight,\n              className: \"nextPre\",\n              style: {\n                color: \"#ec69c3\"\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 46,\n              columnNumber: 16\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 41,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"bg-neutral-300 responsiTitreDescrip p-2 lg:w-3/6 2xl:w-2/6\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"\",\n            children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n              children: data[currentItem].titre01\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 53,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(\"h5\", {}, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 54,\n              columnNumber: 17\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 52,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"\",\n            children: [/*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"text-justify mt-1 px-1\",\n              children: [\" \", data[currentItem].description01]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 57,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"text-justify mt-1 px-1\",\n              children: data[currentItem].description02\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 58,\n              columnNumber: 17\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 56,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"carousel-buttons\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 9\n    }, this)\n  }, void 0, false);\n};\n_s(Realisation, \"5vERj/Z78jgJ97AlqRrjwfLugrk=\");\n_c = Realisation;\nexport default Realisation;\nvar _c;\n$RefreshReg$(_c, \"Realisation\");","map":{"version":3,"names":["React","useState","UseFetch","FontAwesomeIcon","faAngleRight","jsxDEV","_jsxDEV","Fragment","_Fragment","Realisation","_s","data","error","currentItem","setCurrentItem","console","log","handleNext","prevItem","length","handlePrev","children","className","id","onClick","disabled","icon","rotation","style","color","fileName","_jsxFileName","lineNumber","columnNumber","src","imageSrc","alt","titre01","description01","description02","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/04portefolio/presentation/realisation.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport UseFetch from \"../../../../../hooks/useFetch\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faAngleRight } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n\r\nconst Realisation = () => {\r\n  const { data, error } = UseFetch(\"/realisation.json\");\r\n  const [currentItem, setCurrentItem] = useState(0);\r\n\r\n  if (error) {\r\n    console.log(\"Error fetching data\");\r\n  }\r\n\r\n  const handleNext = () => {\r\n    setCurrentItem((prevItem) => (prevItem + 1) % data.length);\r\n  };\r\n\r\n  const handlePrev = () => {\r\n    setCurrentItem((prevItem) => (prevItem - 1 + data.length) % data.length);\r\n\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {data.length > 0 && (\r\n        <div className=\"carousel-container w-full  \">\r\n          <div className=\"carousel-item flex space-x-2 justify-center w-full\">\r\n\r\n            <div className=\"imgPortfolio lg:w-4/6 max- flex relative\">\r\n            <button id=\"preview\"\r\n                    className=\"absolute backdrop-blur-xl\" \r\n                    onClick={handlePrev}\r\n                    disabled={currentItem === 0}>\r\n\r\n              <FontAwesomeIcon className=\"nextPre\" icon={faAngleRight} rotation={180} style={{color: \"#ec69c3\",}} />\r\n            </button>\r\n\r\n              <img src={data[currentItem].imageSrc} alt={data[currentItem].titre01} className=\"carouselImg\" />\r\n\r\n            <button id=\"next\"\r\n                    className=\"absolute backdrop-blur-xl\"\r\n                    onClick={handleNext}\r\n                    disabled={currentItem === data.length - 1}>\r\n                      \r\n               <FontAwesomeIcon icon={faAngleRight} className=\"nextPre\" style={{color: \"#ec69c3\",}} />\r\n            </button>\r\n            </div>\r\n\r\n\r\n            <div className=\"bg-neutral-300 responsiTitreDescrip p-2 lg:w-3/6 2xl:w-2/6\">\r\n              <div className=\"\">\r\n                <h4>{data[currentItem].titre01}</h4>\r\n                <h5></h5>\r\n              </div>\r\n              <div className=\"\">\r\n                <p className=\"text-justify mt-1 px-1\"> {data[currentItem].description01}</p>\r\n                <p className=\"text-justify mt-1 px-1\">{data[currentItem].description02}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"carousel-buttons\">\r\n           \r\n           \r\n          </div>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Realisation;"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}