{"version":3,"file":"Custom_scroll.DMXfI6zG.mjs","names":["__esmMin","init_npm_react_18_3_1","init_jsx_runtime","c","ce","customScrollbar","styleTag","scrollbarWidth","scrollbarBackgroundColor","scrollbarBorderRadius","thumbColor","thumbBorderRadius","hoverColor","focusColor","Component","props","init_Custom_scroll"],"sources":["https:/framerusercontent.com/modules/kUi5Ydbys45TgOZlkbIc/xOx0GlhLJhfwswCxcWDp/Custom_scroll.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollbarWidth=8;const scrollbarBorderRadius=0;const scrollbarBackgroundColor=\"rgba(100, 200, 255, 0.2)\";const thumbBorderRadius=50;const thumbColor=\"#F77F00\";const hoverColor=\"#F77F00\";const focusColor=\"#F77F00\";import{useEffect}from\"react\";export function customScrollbar(Component){return props=>{useEffect(()=>{const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n                \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            `;document.head.appendChild(styleTag);return()=>{document.head.removeChild(styleTag);};},[scrollbarWidth,thumbColor,scrollbarBackgroundColor,scrollbarBorderRadius,thumbBorderRadius,hoverColor,focusColor]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"customScrollbar\":{\"type\":\"reactHoc\",\"name\":\"customScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Custom_scroll.map"],"mappings":"A,kHAAmS,SAAgBK,EAAgB,EAAU,CAAC,MAAO,KAAQD,MAAc,CAAC,IAAME,EAAS,SAAS,cAAc,OAAO,EAqBvW,MArByW,GAAS,UAAU;;;6BAGjZC,EAAe;;;kCAGVC,EAAyB;;qCAEtBC,EAAsB;;;wCAGnBC,EAAW;;qCAEdC,EAAkB;;;wCAGfC,EAAW;;;wCAGXC,EAAW;;cAErC,SAAS,KAAK,YAAYP,CAAQ,MAAY,CAAC,SAAS,KAAK,YAAYA,CAAQ,CAAE,CAAE,EAAE,CAACC,EAAeG,EAAWF,EAAyBC,EAAsBE,EAAkBC,EAAWC,CAAU,CAAC,EAAsB,gBAAKC,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI,C,wDArBzN,EAAe,EAAQ,EAAsB,EAAQ,EAAyB,2BAAiC,EAAkB,GAAS,EAAW,UAAgB,EAAW,UAAgB,EAAW,S"}