{"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 Slider from \"react-slick\";\nimport { useRef } from \"react\";\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 fetch data\");\n  }\n  const settings = {\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    arrows: false,\n    fade: true\n  };\n  const sliderRef = useRef();\n  const handleNext = () => {\n    sliderRef.current.slickNext();\n  };\n  const handlePrev = () => {\n    sliderRef.current.slickPrev();\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: /*#__PURE__*/_jsxDEV(Slider, {\n      ...settings,\n      ref: sliderRef,\n      children: data.map((item, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"carousel-container   \",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"carousel-item flex h-96 lg:space-x-2 justify-center w-full max-lg:flex-col max-lg:space-y-2\",\n            children: [/*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"imgPortfolio 2xl:w-2/3 2xl:h-full   max-lg:w-full  flex relative rou\",\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: 48,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 42,\n                columnNumber: 19\n              }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n                src: item.imageSrc,\n                alt: item.titre01,\n                className: \"carouselImg w-full\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 56,\n                columnNumber: 19\n              }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n                id: \"next\",\n                className: \"absolute backdrop-blur-xl\",\n                onClick: handleNext,\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: 67,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 62,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 41,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"bg-neutral-300 responsiTitreDescrip 2xl:w-1/3 p-2 lg:w-3/6  max-lg:w-full \",\n              children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"\",\n                children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n                  children: item.titre01\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 77,\n                  columnNumber: 21\n                }, this), /*#__PURE__*/_jsxDEV(\"h5\", {}, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 78,\n                  columnNumber: 21\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 76,\n                columnNumber: 19\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"\",\n                children: [/*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-justify mt-1 px-1\",\n                  children: [\" \", data.description01]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 81,\n                  columnNumber: 21\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-justify mt-1 px-1\",\n                  children: data.description02\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 85,\n                  columnNumber: 21\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 80,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 75,\n              columnNumber: 17\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 40,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"carousel-buttons\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 91,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 13\n        }, this)\n      }, index, false, {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 7\n    }, this)\n  }, void 0, false);\n};\n_s(Realisation, \"q/xDEQTxfy1OwQ1eJrfDl8cq/u8=\");\n_c = Realisation;\nexport default Realisation;\nvar _c;\n$RefreshReg$(_c, \"Realisation\");","map":{"version":3,"names":["React","useState","UseFetch","FontAwesomeIcon","faAngleRight","Slider","useRef","jsxDEV","_jsxDEV","Fragment","_Fragment","Realisation","_s","data","error","currentItem","setCurrentItem","console","log","settings","dots","infinite","speed","slidesToShow","arrows","fade","sliderRef","handleNext","current","slickNext","handlePrev","slickPrev","children","ref","map","item","index","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\nimport Slider from \"react-slick\";\r\nimport { useRef } from \"react\";\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 fetch data\");\r\n  }\r\n\r\n  const settings = {\r\n    dots: false,\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 1,\r\n    arrows: false,\r\n    fade: true,\r\n  };\r\n  const sliderRef = useRef();\r\n\r\n  const handleNext = () => {\r\n    sliderRef.current.slickNext();\r\n  };\r\n\r\n  const handlePrev = () => {\r\n    sliderRef.current.slickPrev();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Slider {...settings} ref={sliderRef}>\r\n        {data.map((item, index) => (\r\n          <div key={index}>\r\n            <div className=\"carousel-container   \">\r\n              <div className=\"carousel-item flex h-96 lg:space-x-2 justify-center w-full max-lg:flex-col max-lg:space-y-2\">\r\n                <div className=\"imgPortfolio 2xl:w-2/3 2xl:h-full   max-lg:w-full  flex relative rou\">\r\n                  <button\r\n                    id=\"preview\"\r\n                    className=\"absolute backdrop-blur-xl\"\r\n                    onClick={handlePrev}\r\n                    disabled={currentItem === 0}\r\n                  >\r\n                    <FontAwesomeIcon\r\n                      className=\"nextPre\"\r\n                      icon={faAngleRight}\r\n                      rotation={180}\r\n                      style={{ color: \"#ec69c3\" }}\r\n                    />\r\n                  </button>\r\n\r\n                  <img\r\n                    src={item.imageSrc}\r\n                    alt={item.titre01}\r\n                    className=\"carouselImg w-full\"\r\n                  />\r\n\r\n                  <button\r\n                    id=\"next\"\r\n                    className=\"absolute backdrop-blur-xl\"\r\n                    onClick={handleNext}\r\n                  >\r\n                    <FontAwesomeIcon\r\n                      icon={faAngleRight}\r\n                      className=\"nextPre\"\r\n                      style={{ color: \"#ec69c3\" }}\r\n                    />\r\n                  </button>\r\n                </div>\r\n\r\n                <div className=\"bg-neutral-300 responsiTitreDescrip 2xl:w-1/3 p-2 lg:w-3/6  max-lg:w-full \">\r\n                  <div className=\"\">\r\n                    <h4>{item.titre01}</h4>\r\n                    <h5></h5>\r\n                  </div>\r\n                  <div className=\"\">\r\n                    <p className=\"text-justify mt-1 px-1\">\r\n                      {\" \"}\r\n                      {data.description01}\r\n                    </p>\r\n                    <p className=\"text-justify mt-1 px-1\">\r\n                      {data.description02}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"carousel-buttons\"></div>\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </Slider>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Realisation;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,QAAQ,MAAM,+BAA+B;AACpD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,YAAY,QAAQ,mCAAmC;AAChE,OAAOC,MAAM,MAAM,aAAa;AAChC,SAASC,MAAM,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE/B,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAAAC,EAAA;EACxB,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGZ,QAAQ,CAAC,mBAAmB,CAAC;EACrD,MAAM,CAACa,WAAW,EAAEC,cAAc,CAAC,GAAGf,QAAQ,CAAC,CAAC,CAAC;EAEjD,IAAIa,KAAK,EAAE;IACTG,OAAO,CAACC,GAAG,CAAC,kBAAkB,CAAC;EACjC;EAEA,MAAMC,QAAQ,GAAG;IACfC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,IAAI;IACdC,KAAK,EAAE,GAAG;IACVC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,KAAK;IACbC,IAAI,EAAE;EACR,CAAC;EACD,MAAMC,SAAS,GAAGpB,MAAM,CAAC,CAAC;EAE1B,MAAMqB,UAAU,GAAGA,CAAA,KAAM;IACvBD,SAAS,CAACE,OAAO,CAACC,SAAS,CAAC,CAAC;EAC/B,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAACE,OAAO,CAACG,SAAS,CAAC,CAAC;EAC/B,CAAC;EAED,oBACEvB,OAAA,CAAAE,SAAA;IAAAsB,QAAA,eACExB,OAAA,CAACH,MAAM;MAAA,GAAKc,QAAQ;MAAEc,GAAG,EAAEP,SAAU;MAAAM,QAAA,EAClCnB,IAAI,CAACqB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACpB5B,OAAA;QAAAwB,QAAA,eACExB,OAAA;UAAK6B,SAAS,EAAC,uBAAuB;UAAAL,QAAA,gBACpCxB,OAAA;YAAK6B,SAAS,EAAC,6FAA6F;YAAAL,QAAA,gBAC1GxB,OAAA;cAAK6B,SAAS,EAAC,sEAAsE;cAAAL,QAAA,gBACnFxB,OAAA;gBACE8B,EAAE,EAAC,SAAS;gBACZD,SAAS,EAAC,2BAA2B;gBACrCE,OAAO,EAAET,UAAW;gBACpBU,QAAQ,EAAEzB,WAAW,KAAK,CAAE;gBAAAiB,QAAA,eAE5BxB,OAAA,CAACL,eAAe;kBACdkC,SAAS,EAAC,SAAS;kBACnBI,IAAI,EAAErC,YAAa;kBACnBsC,QAAQ,EAAE,GAAI;kBACdC,KAAK,EAAE;oBAAEC,KAAK,EAAE;kBAAU;gBAAE;kBAAAC,QAAA,EAAAC,YAAA;kBAAAC,UAAA;kBAAAC,YAAA;gBAAA,OAC7B;cAAC;gBAAAH,QAAA,EAAAC,YAAA;gBAAAC,UAAA;gBAAAC,YAAA;cAAA,OACI,CAAC,eAETxC,OAAA;gBACEyC,GAAG,EAAEd,IAAI,CAACe,QAAS;gBACnBC,GAAG,EAAEhB,IAAI,CAACiB,OAAQ;gBAClBf,SAAS,EAAC;cAAoB;gBAAAQ,QAAA,EAAAC,YAAA;gBAAAC,UAAA;gBAAAC,YAAA;cAAA,OAC/B,CAAC,eAEFxC,OAAA;gBACE8B,EAAE,EAAC,MAAM;gBACTD,SAAS,EAAC,2BAA2B;gBACrCE,OAAO,EAAEZ,UAAW;gBAAAK,QAAA,eAEpBxB,OAAA,CAACL,eAAe;kBACdsC,IAAI,EAAErC,YAAa;kBACnBiC,SAAS,EAAC,SAAS;kBACnBM,KAAK,EAAE;oBAAEC,KAAK,EAAE;kBAAU;gBAAE;kBAAAC,QAAA,EAAAC,YAAA;kBAAAC,UAAA;kBAAAC,YAAA;gBAAA,OAC7B;cAAC;gBAAAH,QAAA,EAAAC,YAAA;gBAAAC,UAAA;gBAAAC,YAAA;cAAA,OACI,CAAC;YAAA;cAAAH,QAAA,EAAAC,YAAA;cAAAC,UAAA;cAAAC,YAAA;YAAA,OACN,CAAC,eAENxC,OAAA;cAAK6B,SAAS,EAAC,4EAA4E;cAAAL,QAAA,gBACzFxB,OAAA;gBAAK6B,SAAS,EAAC,EAAE;gBAAAL,QAAA,gBACfxB,OAAA;kBAAAwB,QAAA,EAAKG,IAAI,CAACiB;gBAAO;kBAAAP,QAAA,EAAAC,YAAA;kBAAAC,UAAA;kBAAAC,YAAA;gBAAA,OAAK,CAAC,eACvBxC,OAAA;kBAAAqC,QAAA,EAAAC,YAAA;kBAAAC,UAAA;kBAAAC,YAAA;gBAAA,OAAQ,CAAC;cAAA;gBAAAH,QAAA,EAAAC,YAAA;gBAAAC,UAAA;gBAAAC,YAAA;cAAA,OACN,CAAC,eACNxC,OAAA;gBAAK6B,SAAS,EAAC,EAAE;gBAAAL,QAAA,gBACfxB,OAAA;kBAAG6B,SAAS,EAAC,wBAAwB;kBAAAL,QAAA,GAClC,GAAG,EACHnB,IAAI,CAACwC,aAAa;gBAAA;kBAAAR,QAAA,EAAAC,YAAA;kBAAAC,UAAA;kBAAAC,YAAA;gBAAA,OAClB,CAAC,eACJxC,OAAA;kBAAG6B,SAAS,EAAC,wBAAwB;kBAAAL,QAAA,EAClCnB,IAAI,CAACyC;gBAAa;kBAAAT,QAAA,EAAAC,YAAA;kBAAAC,UAAA;kBAAAC,YAAA;gBAAA,OAClB,CAAC;cAAA;gBAAAH,QAAA,EAAAC,YAAA;gBAAAC,UAAA;gBAAAC,YAAA;cAAA,OACD,CAAC;YAAA;cAAAH,QAAA,EAAAC,YAAA;cAAAC,UAAA;cAAAC,YAAA;YAAA,OACH,CAAC;UAAA;YAAAH,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OACH,CAAC,eACNxC,OAAA;YAAK6B,SAAS,EAAC;UAAkB;YAAAQ,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAAM,CAAC;QAAA;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACrC;MAAC,GAtDEZ,KAAK;QAAAS,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAuDV,CACN;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACI;EAAC,gBACT,CAAC;AAEP,CAAC;AAACpC,EAAA,CA1FID,WAAW;AAAA4C,EAAA,GAAX5C,WAAW;AA4FjB,eAAeA,WAAW;AAAC,IAAA4C,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}