{"version":3,"file":"ScrollColor.CgcGDtDa.mjs","names":[],"sources":["https:/framerusercontent.com/modules/HGRg1ro8CjtBVhe2yyOF/etaIInuRLv74r3Q7Dkso/ScrollColor.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollbarWidth=6;const scrollbarBorderRadius=16;const scrollbarBackgroundColor=\"#f5f5f5\";const thumbBorderRadius=16;const thumbColor=\"#7f7f7f\";const hoverColor=\"#7d7d7d\";const focusColor=\"#7d7d7d\";import{useEffect}from\"react\";export function customScrollbar(Component){return props=>{useEffect(()=>{const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n                /* WebKit (Chrome, Safari) */\n                ::-webkit-scrollbar {\n                    width: ${scrollbarWidth}px;\n                }\n                ::-webkit-scrollbar-track {\n                    background: ${scrollbarBackgroundColor};\n                    padding: 4px;\n                    border-radius: ${scrollbarBorderRadius}px;\n                }\n                ::-webkit-scrollbar-thumb {\n                    background-color: ${thumbColor};\n                    border: transparent;\n                    border-radius: ${thumbBorderRadius}px;\n                }\n                ::-webkit-scrollbar-thumb:hover {\n                    background-color: ${hoverColor};\n                }\n                ::-webkit-scrollbar-thumb:active {\n                    background-color: ${focusColor};\n                }\n\n                /* Firefox */\n                * {\n                    scrollbar-width: thin;\n                    scrollbar-color: ${thumbColor} ${scrollbarBackgroundColor};\n                }\n            `;document.head.appendChild(styleTag);return()=>{document.head.removeChild(styleTag);};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"customScrollbar\":{\"type\":\"reactHoc\",\"name\":\"customScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollColor.map"],"mappings":"2JAAmR,SAAgB,EAAgB,EAAU,CAAC,MAAO,KAAQ,MAAc,CAAC,IAAM,EAAS,SAAS,cAAc,QAAQ,CA2BxV,MA3ByV,GAAS,UAAU;;;6BAGjY,EAAe;;;kCAGV,EAAyB;;qCAEtB,EAAsB;;;wCAGnB,EAAW;;qCAEd,EAAkB;;;wCAGf,EAAW;;;wCAGX,EAAW;;;;;;uCAMZ,EAAW,GAAG,EAAyB;;cAEhE,SAAS,KAAK,YAAY,EAAS,KAAW,CAAC,SAAS,KAAK,YAAY,EAAS,GAAK,EAAE,CAAC,CAAqB,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,iCA3B5G,IAAwO,CAAlO,EAAe,EAAQ,EAAsB,GAAS,EAAyB,UAAgB,EAAkB,GAAS,EAAW,UAAgB,EAAW,UAAgB,EAAW"}