{"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\";\n\n// Importez vos styles CSS ici\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Crea5 = () => {\n  _s();\n  const [items, setItems] = useState([]);\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: 18,\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: 45,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 43,\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","itemElements","i","push","className","fileName","_jsxFileName","lineNumber","columnNumber","container","document","querySelector","use","customScroll","init","plugins","overscroll","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// Importez vos styles CSS ici\r\n\r\nconst Crea5 = () => {\r\n  const [items, setItems] = useState([]);\r\n\r\n\r\n  useEffect(() => {\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;;AAElE;AAAA,SAAAC,MAAA,IAAAC,OAAA;AAEA,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAAAC,EAAA;EAClB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAGtCD,SAAS,CAAC,MAAM;IACd;IACA,MAAMW,YAAY,GAAG,EAAE;IACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,EAAE,EAAEA,CAAC,EAAE,EAAE;MAC5BD,YAAY,CAACE,IAAI,eACfP,OAAA;QAAaQ,SAAS,EAAC;MAAuC,GAApDF,CAAC;QAAAG,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEN,CACP,CAAC;IACH;IACAR,QAAQ,CAACC,YAAY,CAAC;;IAEtB;IACA,MAAMQ,SAAS,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IAC3DlB,SAAS,CAACmB,GAAG,CAAClB,gBAAgB,CAAC;IAC/B,MAAMmB,YAAY,GAAGpB,SAAS,CAACqB,IAAI,CAACL,SAAS,EAAE;MAC7CM,OAAO,EAAE;QAAEC,UAAU,EAAE;MAAK;IAC9B,CAAC,CAAC;;IAEF;IACAH,YAAY,CAACI,WAAW,CAAEC,MAAM,IAAK;MACnC;IAAA,CACD,CAAC;IAEF,OAAO,MAAM;MACXL,YAAY,CAACM,OAAO,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvB,OAAA;IAAKQ,SAAS,EAAC,SAAS;IAAAgB,QAAA,eACtBxB,OAAA;MAAKQ,SAAS,EAAC,aAAa;MAAAgB,QAAA,eAC1BxB,OAAA;QAAKQ,SAAS,EAAC,mDAAmD;QAAAgB,QAAA,EAC/DrB;MAAK;QAAAM,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;AAACV,EAAA,CA1CID,KAAK;AAAAwB,EAAA,GAALxB,KAAK;AA4CX,eAAeA,KAAK;AAAC,IAAAwB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}