{"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  use;\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: 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};\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","use","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  use\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":[]}