{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\03competance\\\\competance.js\",\n  _s = $RefreshSig$();\nimport React from \"react\";\nimport Tekno from \"./components/tekno\";\nimport Savoir from \"./components/savoir\";\nimport Photo from \"./components/photo\";\nimport { gsap } from \"gsap\";\nimport { Flip } from \"gsap/Flip\";\nimport { useEffect } from \"react\";\nimport { useState } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimpo;\nconst Competance = () => {\n  _s();\n  const texts = [' Portfolio ', 'en ligne de', 'Facundo Varas'];\n  console.log(texts);\n  const [index, setIndex] = useState(0);\n  useEffect(() => {\n    const intervalId = setInterval(() => {\n      setIndex(index => (index + 1) % texts.length);\n    }, 2000);\n    return () => clearInterval(intervalId);\n  }, []);\n  gsap.registerPlugin(Flip);\n  document.querySelector(\".change\");\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"border-b w-full\",\n      children: /*#__PURE__*/_jsxDEV(\"h3\", {\n        children: \"savoir faire\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 11\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"competance flex flex-wrap 2xl:w-5/6 xl:w-full pt-4 xl:space-y-20\",\n      children: [/*#__PURE__*/_jsxDEV(Savoir, {\n        className: \"w-1/3 \"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(Tekno, {\n        className: \"w-1/3\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(Photo, {\n        className: \"w-1/3 change\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-full flex rounded-3xl bg-indigo-500 h-96\",\n        children: /*#__PURE__*/_jsxDEV(\"h3\", {\n          className: \"h-full w-full z-30 border-gray-900 border\",\n          children: /*#__PURE__*/_jsxDEV(TextTransition, {\n            text: texts[index],\n            springConfig: {\n              stiffness: 180,\n              damping: 10\n            }\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 12\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 14\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true);\n};\n_s(Competance, \"c3fuAdVwNN91t4bNS1qBXl5hAWY=\");\n_c = Competance;\nexport default Competance;\nvar _c;\n$RefreshReg$(_c, \"Competance\");","map":{"version":3,"names":["React","Tekno","Savoir","Photo","gsap","Flip","useEffect","useState","jsxDEV","_jsxDEV","Fragment","_Fragment","impo","Competance","_s","texts","console","log","index","setIndex","intervalId","setInterval","length","clearInterval","registerPlugin","document","querySelector","children","className","fileName","_jsxFileName","lineNumber","columnNumber","TextTransition","text","springConfig","stiffness","damping","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/03competance/competance.js"],"sourcesContent":["import React from \"react\";\r\nimport Tekno from \"./components/tekno\";\r\nimport Savoir from \"./components/savoir\";\r\nimport Photo from \"./components/photo\";\r\nimport { gsap } from \"gsap\";\r\nimport { Flip } from \"gsap/Flip\";\r\nimport { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\nimpo\r\n\r\n\r\n\r\nconst Competance=()=>{\r\n  \r\n  \r\n    const texts = [  ' Portfolio ','en ligne de', 'Facundo Varas'];\r\n    console.log(texts)\r\n    const [index, setIndex] = useState(0);\r\n  useEffect(() => {\r\n    const intervalId = setInterval(() => {\r\n      setIndex((index) => (index + 1) % texts.length);\r\n    }, 2000);\r\n\r\n    return () => clearInterval(intervalId);\r\n  }, []);\r\n\r\n  \r\n\r\n  gsap.registerPlugin(Flip)\r\n  document.querySelector(\".change\")\r\n\r\n      return(\r\n        <>\r\n        <div className=\"border-b w-full\">\r\n          <h3>savoir faire</h3>\r\n        </div>\r\n        <div className=\"competance flex flex-wrap 2xl:w-5/6 xl:w-full pt-4 xl:space-y-20\">\r\n          \r\n          <Savoir className=\"w-1/3 \"/>\r\n          <Tekno className=\"w-1/3\"/>\r\n          <Photo className=\"w-1/3 change\"/>\r\n          <div className=\"w-full flex rounded-3xl bg-indigo-500 h-96\">\r\n             <h3 className=\"h-full w-full z-30 border-gray-900 border\">\r\n           <TextTransition\r\n           text={texts[index]}\r\n           springConfig={{stiffness:180,damping:10}}/>\r\n             </h3>\r\n          </div>\r\n          \r\n\r\n        </div>\r\n\r\n        \r\n        \r\n        \r\n        </>\r\n\r\n\r\n        \r\n        \r\n      )\r\n\r\n\r\n}\r\n\r\n\r\nexport  default Competance"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}