{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\portfolio-page\\\\components\\\\Crea4.js\",\n _s = $RefreshSig$();\nimport React, { useEffect } from \"react\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Crea4 = () => {\n _s();\n gsap.registerPlugin(ScrollTrigger);\n const triggerssRef = useRef(null);\n useEffect(() => {\n const element = triggerssRef.current;\n gsap.to(element, {\n x: 700,\n scrollTrigger: {\n duration: 0.5,\n trigger: element,\n // L'élément qui déclenchera l'animation\n\n start: \"top bottom\",\n end: \"top top\",\n markers: true,\n scrub: true,\n triggerOnce: true\n }\n });\n }, []);\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-full \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 h-96\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 h-96\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 h-96\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \" scrolyl flex w-11/12 bg-yellow-300 h-96 relative \",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 h-96\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 h-96\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 h-96\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-stone-500 flex h-96\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"self-end\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-24 w-24 bg-slate-950 absolute\",\n ref: triggerssRef\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-24 w-24 triggerss bg-slate-300 \"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 5\n }, this);\n};\n_s(Crea4, \"baGmnE+0azJsQGmd2RnAMvtF4S0=\");\n_c = Crea4;\nexport default Crea4;\nvar _c;\n$RefreshReg$(_c, \"Crea4\");","map":{"version":3,"names":["React","useEffect","gsap","ScrollTrigger","jsxDEV","_jsxDEV","Crea4","_s","registerPlugin","triggerssRef","useRef","element","current","to","x","scrollTrigger","duration","trigger","start","end","markers","scrub","triggerOnce","className","children","fileName","_jsxFileName","lineNumber","columnNumber","ref","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/portfolio-page/components/Crea4.js"],"sourcesContent":["import React, { useEffect } from \"react\";\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\n\r\nconst Crea4 = () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n const triggerssRef = useRef(null);\r\n useEffect(()=>{\r\n const element = triggerssRef.current;\r\n gsap.to(element, {\r\n x: 700,\r\n scrollTrigger: {\r\n duration: 0.5,\r\n trigger: element, // L'élément qui déclenchera l'animation\r\n \r\n start:\"top bottom\",\r\n end:\"top top\",\r\n markers: true,\r\n scrub: true,\r\n triggerOnce: true,\r\n },\r\n })\r\n },[]);\r\n\r\n return (\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\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Crea4;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEnD,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAAAC,EAAA;EAClBL,IAAI,CAACM,cAAc,CAACL,aAAa,CAAC;EAClC,MAAMM,YAAY,GAAGC,MAAM,CAAC,IAAI,CAAC;EACjCT,SAAS,CAAC,MAAI;IACZ,MAAMU,OAAO,GAAGF,YAAY,CAACG,OAAO;IACpCV,IAAI,CAACW,EAAE,CAACF,OAAO,EAAE;MACfG,CAAC,EAAE,GAAG;MACNC,aAAa,EAAE;QACbC,QAAQ,EAAE,GAAG;QACbC,OAAO,EAAEN,OAAO;QAAE;;QAElBO,KAAK,EAAC,YAAY;QACrBC,GAAG,EAAC,SAAS;QACVC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAE,IAAI;QACXC,WAAW,EAAE;MACf;IACJ,CAAC,CAAC;EACF,CAAC,EAAC,EAAE,CAAC;EAEL,oBACEjB,OAAA;IAAKkB,SAAS,EAAC,SAAS;IAAAC,QAAA,gBACtBnB,OAAA;MAAKkB,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1CvB,OAAA;MAAKkB,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1CvB,OAAA;MAAKkB,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAE1CvB,OAAA;MAAKkB,SAAS,EAAC,oDAAoD;MAAAC,QAAA,eACjEnB,OAAA;QAAKkB,SAAS,EAAC;MAAoB;QAAAE,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAM;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACvC,CAAC,eACNvB,OAAA;MAAKkB,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1CvB,OAAA;MAAKkB,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1CvB,OAAA;MAAKkB,SAAS,EAAC,wBAAwB;MAAAC,QAAA,eACrCnB,OAAA;QAAKkB,SAAS,EAAC,UAAU;QAAAC,QAAA,gBACvBnB,OAAA;UAAKkB,SAAS,EAAC,iCAAiC;UAAAM,GAAG,EAAEpB;QAAa;UAAAgB,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAO,CAAC,eAC1EvB,OAAA;UAAKkB,SAAS,EAAC;QAAmC;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACtD;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACH,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACH,CAAC;AAEV,CAAC;AAACrB,EAAA,CAvCID,KAAK;AAAAwB,EAAA,GAALxB,KAAK;AAyCX,eAAeA,KAAK;AAAC,IAAAwB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}