{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\crea5.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { gsap } from \"gsap\";\nimport { Scrollbar } from \"smooth-scrollbar/scrollbar\";\nimport OverscrollPlugin from \"smooth-scrollbar/plugins/overscroll\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Crea5 = () => {\n  _s();\n  const [items, setItems] = useState([]);\n  const container = document.querySelector('.js-scroll-list');\n  Scrollbar.use(OverscrollPlugin); // Utilisez le plugin ici\n\n  const customScroll = Scrollbar.init(container, {\n    plugins: {\n      overscroll: true // Activez le plugin ici\n    }\n  });\n\n  useEffect(() => {\n    // Génération des éléments .scroll-list__item\n    const itemElements = [];\n    for (let i = 0; i <= 55; i++) {\n      itemElements.push( /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"scroll-list__item js-scroll-list-item\"\n      }, i, false, {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 9\n      }, this));\n    }\n    setItems(itemElements);\n\n    // Initialisation du défilement\n    const container = document.querySelector(\".js-scroll-list\");\n    Scrollbar.use(OverscrollPlugin);\n    const customScroll = Scrollbar.init(container, {\n      plugins: {\n        overscroll: true\n      }\n    });\n\n    // Écouteur de défilement\n    customScroll.addListener(status => {\n      // Votre logique de gestion du défilement ici\n    });\n    return () => {\n      customScroll.destroy();\n    };\n  }, []);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"wrapper\",\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"scroll-list\",\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"scroll-list__wrp js-scroll-content js-scroll-list\",\n        children: items\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 52,\n    columnNumber: 5\n  }, this);\n};\n_s(Crea5, \"E85yb7BhBnl3/OpymRdjFiQJ97s=\");\n_c = Crea5;\nexport default Crea5;\nvar _c;\n$RefreshReg$(_c, \"Crea5\");","map":{"version":3,"names":["React","useEffect","useState","gsap","Scrollbar","OverscrollPlugin","jsxDEV","_jsxDEV","Crea5","_s","items","setItems","container","document","querySelector","use","customScroll","init","plugins","overscroll","itemElements","i","push","className","fileName","_jsxFileName","lineNumber","columnNumber","addListener","status","destroy","children","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/crea5.js"],"sourcesContent":["\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { gsap } from \"gsap\";\r\nimport { Scrollbar } from \"smooth-scrollbar/scrollbar\";\r\nimport OverscrollPlugin from \"smooth-scrollbar/plugins/overscroll\";\r\n\r\n\r\nconst Crea5 = () => {\r\n  const [items, setItems] = useState([]);\r\n\r\n\r\n  const container = document.querySelector('.js-scroll-list');\r\n  Scrollbar.use(OverscrollPlugin); // Utilisez le plugin ici\r\n  \r\n  const customScroll = Scrollbar.init(container, {\r\n    plugins: {\r\n      overscroll: true, // Activez le plugin ici\r\n    },\r\n  });\r\n  useEffect(() => {\r\n\r\n\r\n    // Génération des éléments .scroll-list__item\r\n    const itemElements = [];\r\n    for (let i = 0; i <= 55; i++) {\r\n      itemElements.push(\r\n        <div key={i} className=\"scroll-list__item js-scroll-list-item\">\r\n          {/* Contenu de l'élément */}\r\n        </div>\r\n      );\r\n    }\r\n    setItems(itemElements);\r\n\r\n    // Initialisation du défilement\r\n    const container = document.querySelector(\".js-scroll-list\");\r\n    Scrollbar.use(OverscrollPlugin);\r\n    const customScroll = Scrollbar.init(container, {\r\n      plugins: { overscroll: true },\r\n    });\r\n\r\n    // Écouteur de défilement\r\n    customScroll.addListener((status) => {\r\n      // Votre logique de gestion du défilement ici\r\n    });\r\n\r\n    return () => {\r\n      customScroll.destroy();\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"wrapper\">\r\n      <div className=\"scroll-list\">\r\n        <div className=\"scroll-list__wrp js-scroll-content js-scroll-list\">\r\n          {items}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Crea5;\r\n\r\n\r\n"],"mappings":";;AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,SAAS,QAAQ,4BAA4B;AACtD,OAAOC,gBAAgB,MAAM,qCAAqC;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAGnE,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAAAC,EAAA;EAClB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAGtC,MAAMU,SAAS,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;EAC3DV,SAAS,CAACW,GAAG,CAACV,gBAAgB,CAAC,CAAC,CAAC;;EAEjC,MAAMW,YAAY,GAAGZ,SAAS,CAACa,IAAI,CAACL,SAAS,EAAE;IAC7CM,OAAO,EAAE;MACPC,UAAU,EAAE,IAAI,CAAE;IACpB;EACF,CAAC,CAAC;;EACFlB,SAAS,CAAC,MAAM;IAGd;IACA,MAAMmB,YAAY,GAAG,EAAE;IACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,EAAE,EAAEA,CAAC,EAAE,EAAE;MAC5BD,YAAY,CAACE,IAAI,eACff,OAAA;QAAagB,SAAS,EAAC;MAAuC,GAApDF,CAAC;QAAAG,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEN,CACP,CAAC;IACH;IACAhB,QAAQ,CAACS,YAAY,CAAC;;IAEtB;IACA,MAAMR,SAAS,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IAC3DV,SAAS,CAACW,GAAG,CAACV,gBAAgB,CAAC;IAC/B,MAAMW,YAAY,GAAGZ,SAAS,CAACa,IAAI,CAACL,SAAS,EAAE;MAC7CM,OAAO,EAAE;QAAEC,UAAU,EAAE;MAAK;IAC9B,CAAC,CAAC;;IAEF;IACAH,YAAY,CAACY,WAAW,CAAEC,MAAM,IAAK;MACnC;IAAA,CACD,CAAC;IAEF,OAAO,MAAM;MACXb,YAAY,CAACc,OAAO,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvB,OAAA;IAAKgB,SAAS,EAAC,SAAS;IAAAQ,QAAA,eACtBxB,OAAA;MAAKgB,SAAS,EAAC,aAAa;MAAAQ,QAAA,eAC1BxB,OAAA;QAAKgB,SAAS,EAAC,mDAAmD;QAAAQ,QAAA,EAC/DrB;MAAK;QAAAc,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACH;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACH;EAAC;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACH,CAAC;AAEV,CAAC;AAAClB,EAAA,CApDID,KAAK;AAAAwB,EAAA,GAALxB,KAAK;AAsDX,eAAeA,KAAK;AAAC,IAAAwB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}