{"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  const customScroll = Scrollbar.init(container, {\n    plugins: {\n      overscroll: true\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: 20,\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: 47,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 45,\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","customScroll","init","container","plugins","overscroll","itemElements","i","push","className","fileName","_jsxFileName","lineNumber","columnNumber","document","querySelector","use","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  const customScroll = Scrollbar.init(container, {\r\n    plugins: { overscroll: true },\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;EACtC,MAAMU,YAAY,GAAGR,SAAS,CAACS,IAAI,CAACC,SAAS,EAAE;IAC7CC,OAAO,EAAE;MAAEC,UAAU,EAAE;IAAK;EAC9B,CAAC,CAAC;EAEFf,SAAS,CAAC,MAAM;IACd;IACA,MAAMgB,YAAY,GAAG,EAAE;IACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,EAAE,EAAEA,CAAC,EAAE,EAAE;MAC5BD,YAAY,CAACE,IAAI,eACfZ,OAAA;QAAaa,SAAS,EAAC;MAAuC,GAApDF,CAAC;QAAAG,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEN,CACP,CAAC;IACH;IACAb,QAAQ,CAACM,YAAY,CAAC;;IAEtB;IACA,MAAMH,SAAS,GAAGW,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IAC3DtB,SAAS,CAACuB,GAAG,CAACtB,gBAAgB,CAAC;IAC/B,MAAMO,YAAY,GAAGR,SAAS,CAACS,IAAI,CAACC,SAAS,EAAE;MAC7CC,OAAO,EAAE;QAAEC,UAAU,EAAE;MAAK;IAC9B,CAAC,CAAC;;IAEF;IACAJ,YAAY,CAACgB,WAAW,CAAEC,MAAM,IAAK;MACnC;IAAA,CACD,CAAC;IAEF,OAAO,MAAM;MACXjB,YAAY,CAACkB,OAAO,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvB,OAAA;IAAKa,SAAS,EAAC,SAAS;IAAAW,QAAA,eACtBxB,OAAA;MAAKa,SAAS,EAAC,aAAa;MAAAW,QAAA,eAC1BxB,OAAA;QAAKa,SAAS,EAAC,mDAAmD;QAAAW,QAAA,EAC/DrB;MAAK;QAAAW,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;AAACf,EAAA,CA5CID,KAAK;AAAAwB,EAAA,GAALxB,KAAK;AA8CX,eAAeA,KAAK;AAAC,IAAAwB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}