{"version":3,"file":"CustomScrollBar.DVk6wIPS.mjs","names":[],"sources":["https:/framerusercontent.com/modules/UNgmpL5BL2iAXj582piZ/GTX6LqTegkeuHhPid2SW/CustomScrollBar.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollbarWidth=4;const scrollbarBorderRadius=0;const scrollbarBackgroundColor=\"transparent\";const thumbBorderRadius=0;const thumbColor=\"lightgrey\";const hoverColor=\"lightgrey\";const focusColor=\"lightgrey\";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});};}export function noScrollbar(Component){return props=>{useEffect(()=>{const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n                ::-webkit-scrollbar {\n                    display: none;\n                }\n            `;document.head.appendChild(styleTag);return()=>{document.head.removeChild(styleTag);};},[scrollbarWidth,thumbColor,scrollbarBackgroundColor,scrollbarBorderRadius,thumbBorderRadius,hoverColor,focusColor]);return /*#__PURE__*/_jsx(Component,{...props});};}export function disableScrollBar(Component){return props=>{useEffect(()=>{document.body.classList.add(\"no-scroll\");return()=>{document.body.classList.remove(\"no-scroll\");};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"customScrollbar\":{\"type\":\"reactHoc\",\"name\":\"customScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"noScrollbar\":{\"type\":\"reactHoc\",\"name\":\"noScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"disableScrollBar\":{\"type\":\"reactHoc\",\"name\":\"disableScrollBar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CustomScrollBar.map"],"mappings":"kHAA2R,SAAgB,EAAgB,EAAU,CAAC,MAAO,KAAQ,MAAc,CAAC,IAAM,EAAS,SAAS,cAAc,OAAO,EAqB/V,MArBiW,GAAS,UAAU;;;6BAGzY,EAAe;;;kCAGV,EAAyB;;qCAEtB,EAAsB;;;wCAGnB,EAAW;;qCAEd,EAAkB;;;wCAGf,EAAW;;;wCAGX,EAAW;;cAErC,SAAS,KAAK,YAAY,CAAQ,MAAY,CAAC,SAAS,KAAK,YAAY,CAAQ,CAAE,CAAE,EAAE,CAAC,EAAe,EAAW,EAAyB,EAAsB,EAAkB,EAAW,CAAU,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,CAAK,CAAC,EAAI,CAAC,SAAgB,EAAY,EAAU,CAAC,MAAO,KAAQ,MAAc,CAAC,IAAM,EAAS,SAAS,cAAc,OAAO,EAI3U,MAJ6U,GAAS,UAAU;;;;cAIpY,SAAS,KAAK,YAAY,CAAQ,MAAY,CAAC,SAAS,KAAK,YAAY,CAAQ,CAAE,CAAE,EAAE,CAAC,EAAe,EAAW,EAAyB,EAAsB,EAAkB,EAAW,CAAU,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,CAAK,CAAC,EAAI,CAAC,SAAgB,EAAiB,EAAU,CAAC,MAAO,KAAQ,OAAe,SAAS,KAAK,UAAU,IAAI,WAAW,MAAY,CAAC,SAAS,KAAK,UAAU,OAAO,WAAW,CAAE,GAAI,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,CAAK,CAAC,EAAI,+BAzBpc,IAAgP,EAAzO,EAAe,EAAQ,EAAsB,EAAQ,EAAyB,cAAoB,EAAkB,EAAQ,EAAW,YAAkB,EAAW,YAAkB,EAAW"}