{"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: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"carousel-container w-full  \",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"carousel-item flex 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 w-4/6 max-lg:w-full  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: 50,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 45,\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: 53,\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: 60,\n                columnNumber: 16\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 55,\n              columnNumber: 13\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"bg-neutral-300 responsiTitreDescrip p-2 lg:w-3/6 2xl:w-2/6 max-lg:w-full \",\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: 67,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"h5\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 68,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 66,\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: 71,\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: 72,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 70,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 65,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"carousel-buttons\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 9\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","className","id","onClick","disabled","icon","rotation","style","color","fileName","_jsxFileName","lineNumber","columnNumber","src","imageSrc","alt","titre01","length","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\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  }\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\r\n  return (\r\n    <>\r\n        <Slider {...settings} ref={sliderRef}>\r\n          \r\n        <div className=\"carousel-container w-full  \">\r\n          <div className=\"carousel-item flex lg:space-x-2 justify-center w-full max-lg:flex-col max-lg:space-y-2\">\r\n\r\n            <div className=\"imgPortfolio w-4/6 max-lg:w-full  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 max-lg:w-full \">\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        </Slider>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Realisation;"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}