{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/NHX2F6Rld1znH1DcvWFH/E64zI419kK7SOQmQhqNz/Hidescroll.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useLayoutEffect,useState}from\"react\";// HOC pour masquer compl\u00E8tement la scrollbar\nexport function withHideScroll(Component){return props=>{useLayoutEffect(()=>{// Cr\u00E9ation de l'\u00E9l\u00E9ment style pour cacher compl\u00E8tement la scrollbar\nconst style=document.createElement(\"style\");style.innerHTML=`\n        ::-webkit-scrollbar {\n          display: none !important; /* Masquer la scrollbar pour Webkit */\n        }\n        html, body {\n          scrollbar-width: none !important; /* Masquer la scrollbar dans Firefox */\n          -ms-overflow-style: none !important; /* Masquer la scrollbar dans IE et Edge */\n        }\n      `;document.head.appendChild(style);// Nettoyage du style \u00E0 l'unmount\nreturn()=>{document.head.removeChild(style);};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}// HOC pour colorier la scrollbar et l'afficher\nexport function withColorScroll(Component){return props=>{const[scrollbarColor,setScrollbarColor]=useState(\"#009FE3\")// Couleur par d\u00E9faut\n;useLayoutEffect(()=>{// Cr\u00E9ation de l'\u00E9l\u00E9ment style pour changer la couleur de la scrollbar\nconst style=document.createElement(\"style\");style.innerHTML=`\n        /* Style pour la scrollbar dans Webkit (Chrome, Safari) */\n        ::-webkit-scrollbar {\n          width: 150px !important; /* Largeur plus grande pour une scrollbar \\xe9paisse */\n          height: 16px !important; /* Hauteur de la scrollbar horizontale */\n        }\n\n        ::-webkit-scrollbar-track {\n          background: transparent !important;\n        }\n\n        ::-webkit-scrollbar-thumb {\n          background-color: ${scrollbarColor} !important;\n          border-radius: 50px !important; /* Bords super arrondis */\n          box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); /* Ombre autour de la thumb */\n        }\n\n        /* Firefox */\n        html, body {\n          scrollbar-width: auto !important; /* Largeur auto sur Firefox */\n          scrollbar-color: ${scrollbarColor} transparent !important; /* Colorier la scrollbar sur Firefox */\n        }\n      `;document.head.appendChild(style);// Nettoyage du style \u00E0 l'unmount\nreturn()=>{document.head.removeChild(style);};},[scrollbarColor]);return /*#__PURE__*/_jsx(Component,{...props,setScrollbarColor:setScrollbarColor});};}// HOC principal avec le choix entre \"Hidescroll\" et \"ColorScroll\"\nexport function withScrollEffect(Component){return props=>{const[effect,setEffect]=useState(\"Hidescroll\")// Choisir l'effet par d\u00E9faut\n;// Appliquer l'effet selon la valeur de \"effect\"\nconst getScrollEffect=()=>{if(effect===\"Hidescroll\"){return withHideScroll(Component)// Appliquer le HOC pour cacher la scrollbar\n;}else if(effect===\"ColorScroll\"){return withColorScroll(Component)// Appliquer le HOC pour colorer la scrollbar\n;}};const ScrollComponent=getScrollEffect();return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"button\",{onClick:()=>setEffect(\"Hidescroll\"),children:\"Hide Scrollbar\"}),/*#__PURE__*/_jsx(\"button\",{onClick:()=>setEffect(\"ColorScroll\"),children:\"Color Scrollbar\"}),/*#__PURE__*/_jsx(ScrollComponent,{...props})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withHideScroll\":{\"type\":\"reactHoc\",\"name\":\"withHideScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollEffect\":{\"type\":\"reactHoc\",\"name\":\"withScrollEffect\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withColorScroll\":{\"type\":\"reactHoc\",\"name\":\"withColorScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hidescroll.map"],
  "mappings": "yFAAAA,IACO,SAASC,EAAeC,EAAU,CAAC,OAAOC,IAAQC,EAAgB,IAAI,CAC7E,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQpD,SAAS,KAAK,YAAYA,CAAK,EACjC,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAK,CAAE,CAAE,EAAE,CAAC,CAAC,EAAsBC,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI",
  "names": ["init_ssg_sandbox_shims", "withHideScroll", "Component", "props", "fe", "style", "p"]
}