{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\04portefolio\\\\presentation\\\\realisation.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, 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  useEffect(() => {\n    const container = document.querySelector('.scroll-container');\n    const divs = document.querySelectorAll('.scroll-div');\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 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 xl:w-2/3 2xl:h-full   max-lg:w-full  flex relative rounded-2xl \",\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: 58,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 52,\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: 66,\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: 77,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 72,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 51,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"bg-neutral-400 responsiTitreDescrip xl:w-1/3 p-2 lg:w-3/6  max-lg:w-full 2xl:flex \",\n              children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                className: \" 2xl:w-2/3 2xl:border-r\",\n                children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                  children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n                    children: item.titre01\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 88,\n                    columnNumber: 21\n                  }, this), /*#__PURE__*/_jsxDEV(\"h5\", {}, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 89,\n                    columnNumber: 21\n                  }, this)]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 87,\n                  columnNumber: 19\n                }, this), /*#__PURE__*/_jsxDEV(\"div\", {\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: 92,\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: 96,\n                    columnNumber: 21\n                  }, this)]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 91,\n                  columnNumber: 19\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 86,\n                columnNumber: 19\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"logoHome  2xl:w-1/3 border\",\n                children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n                  children: \"technologies\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 102,\n                  columnNumber: 23\n                }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                  className: \"w-20\",\n                  children: /*#__PURE__*/_jsxDEV(\"img\", {\n                    src: \"/images/logo/React.png\",\n                    alt: \"/images/logo/React.png\"\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 104,\n                    columnNumber: 21\n                  }, this)\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 103,\n                  columnNumber: 21\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 101,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 85,\n              columnNumber: 17\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 50,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"carousel-buttons\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 111,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 49,\n          columnNumber: 13\n        }, this)\n      }, index, false, {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 7\n    }, this)\n  }, void 0, false);\n};\n_s(Realisation, \"MhJhaMRNMfnSEzno0FGtOjNKiHc=\");\n_c = Realisation;\nexport default Realisation;\nvar _c;\n$RefreshReg$(_c, \"Realisation\");","map":{"version":3,"names":["React","useEffect","useState","UseFetch","FontAwesomeIcon","faAngleRight","Slider","useRef","jsxDEV","_jsxDEV","Fragment","_Fragment","Realisation","_s","data","error","currentItem","setCurrentItem","console","log","container","document","querySelector","divs","querySelectorAll","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, { useEffect, 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  useEffect(()=>{\r\n    const container = document.querySelector('.scroll-container');\r\n    const divs = document.querySelectorAll('.scroll-div');\r\n\r\n    \r\n  })\r\n\r\n\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 lg:space-x-2 justify-center w-full max-lg:flex-col max-lg:space-y-2 \">\r\n                <div className=\"imgPortfolio xl:w-2/3 2xl:h-full   max-lg:w-full  flex relative rounded-2xl \">\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-400 responsiTitreDescrip xl:w-1/3 p-2 lg:w-3/6  max-lg:w-full 2xl:flex \">\r\n                  <div className=\" 2xl:w-2/3 2xl:border-r\">\r\n                  <div>\r\n                    <h4>{item.titre01}</h4>\r\n                    <h5></h5>\r\n                  </div>\r\n                  <div >\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 className=\"logoHome  2xl:w-1/3 border\">\r\n                      <h3>technologies</h3>\r\n                    <div className=\"w-20\">\r\n                    <img src=\"/images/logo/React.png\" alt=\"/images/logo/React.png\"/>\r\n\r\n                    </div>\r\n                  </div>\r\n\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":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}