{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\portfolio-page\\\\components\\\\Crea4.js\";\nimport React from \"react\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Crea4 = () => {\n  gsap.registerPlugin(ScrollTrigger);\n  gsap.to(\".triggerss\", {\n    x: 700,\n    scrollTrigger: {\n      duration: 0.5,\n      trigger: \".triggerss\",\n      // L'élément qui déclenchera l'animation\n\n      end: \"center 80%\",\n      start: \"top top\",\n      markers: true\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: 22,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\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: 27,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 26,\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: \"bg-stone-500  h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 30,\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        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 33,\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: 34,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\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)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 21,\n    columnNumber: 5\n  }, this);\n};\n_c = Crea4;\nexport default Crea4;\nvar _c;\n$RefreshReg$(_c, \"Crea4\");","map":{"version":3,"names":["React","gsap","ScrollTrigger","jsxDEV","_jsxDEV","Crea4","registerPlugin","to","x","scrollTrigger","duration","trigger","end","start","markers","className","children","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/portfolio-page/components/Crea4.js"],"sourcesContent":["import React 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  gsap.to(\".triggerss\", {\r\n    x: 700,\r\n    scrollTrigger: {\r\n      duration: 0.5,\r\n      trigger: \".triggerss\", // L'élément qui déclenchera l'animation\r\n\r\n   end:\"center 80%\",\r\n   start:\"top top\",\r\n      markers: true,\r\n      \r\n    },\r\n  });\r\n\r\n  return (\r\n    <div className=\"h-full \">\r\n      <div className=\"bg-stone-500  h-96\"></div>\r\n      <div className=\"bg-stone-500  h-96\"></div>\r\n      <div className=\"bg-stone-500  h-96\"></div>\r\n\r\n      <div className=\" scrolyl flex w-11/12 bg-yellow-300 h-96 relative \">\r\n        <div className=\"bg-stone-500  h-96\"></div>\r\n      </div>\r\n      <div className=\"bg-stone-500  h-96\"></div>\r\n      <div className=\"bg-stone-500  h-96\"></div>\r\n      <div className=\"bg-stone-500 flex h-96\">\r\n        <div className=\"self-end\">\r\n          <div className=\"h-24 w-24 bg-slate-950 absolute\"></div>\r\n          <div className=\"h-24 w-24 triggerss bg-slate-300 \"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Crea4;\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEnD,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAClBJ,IAAI,CAACK,cAAc,CAACJ,aAAa,CAAC;EAClCD,IAAI,CAACM,EAAE,CAAC,YAAY,EAAE;IACpBC,CAAC,EAAE,GAAG;IACNC,aAAa,EAAE;MACbC,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAE,YAAY;MAAE;;MAE1BC,GAAG,EAAC,YAAY;MAChBC,KAAK,EAAC,SAAS;MACZC,OAAO,EAAE;IAEX;EACF,CAAC,CAAC;EAEF,oBACEV,OAAA;IAAKW,SAAS,EAAC,SAAS;IAAAC,QAAA,gBACtBZ,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1ChB,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1ChB,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAE1ChB,OAAA;MAAKW,SAAS,EAAC,oDAAoD;MAAAC,QAAA,eACjEZ,OAAA;QAAKW,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,eACNhB,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1ChB,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAM,CAAC,eAC1ChB,OAAA;MAAKW,SAAS,EAAC,wBAAwB;MAAAC,QAAA,eACrCZ,OAAA;QAAKW,SAAS,EAAC,UAAU;QAAAC,QAAA,gBACvBZ,OAAA;UAAKW,SAAS,EAAC;QAAiC;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC,eACvDhB,OAAA;UAAKW,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;AAACC,EAAA,GAlCIhB,KAAK;AAoCX,eAAeA,KAAK;AAAC,IAAAgB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}