{"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\";\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(\"div\", {\n    className: \"scroll-container\",\n    style: {\n      overflow: 'hidden',\n      position: 'relative'\n    },\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: 53,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 47,\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: 61,\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: 72,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 67,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 46,\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: 83,\n                    columnNumber: 21\n                  }, this), /*#__PURE__*/_jsxDEV(\"h5\", {}, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 84,\n                    columnNumber: 21\n                  }, this)]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 82,\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: 87,\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: 91,\n                    columnNumber: 21\n                  }, this)]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 86,\n                  columnNumber: 19\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 81,\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: 97,\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: 99,\n                    columnNumber: 21\n                  }, this)\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 98,\n                  columnNumber: 21\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 96,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 80,\n              columnNumber: 17\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 45,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"carousel-buttons\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 106,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 13\n        }, this)\n      }, index, false, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 40,\n    columnNumber: 5\n  }, this);\n};\n_s(Realisation, \"q/xDEQTxfy1OwQ1eJrfDl8cq/u8=\");\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","Realisation","_s","data","error","currentItem","setCurrentItem","console","log","settings","dots","infinite","speed","slidesToShow","arrows","fade","sliderRef","handleNext","current","slickNext","handlePrev","slickPrev","className","style","overflow","position","children","ref","map","item","index","id","onClick","disabled","icon","rotation","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\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    <div className=\"scroll-container\"  style={{ overflow: 'hidden', position: 'relative' }}>\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\n    \r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Realisation;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}