{"version":3,"file":"CustomScrollBar.CmpQ9ZcB.mjs","names":[],"sources":["https:/framerusercontent.com/modules/6AhZJ0VqHu7ThnM7JJAT/3vr68nuNpkn6S8cJd2Ox/CustomScrollBar.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function CustomScrollbar(props){const{scrollbarWidth,scrollbarBorderRadius,scrollbarBackgroundColor,thumbBorderRadius,thumbColor,hoverColor,focusColor,children}=props;React.useEffect(()=>{const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n            ::-webkit-scrollbar {\n                width: ${scrollbarWidth}px;\n            }\n            ::-webkit-scrollbar-track {\n                background: ${scrollbarBackgroundColor};\n                border-radius: ${scrollbarBorderRadius}px;\n            }\n            ::-webkit-scrollbar-thumb {\n                background-color: ${thumbColor};\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,scrollbarBackgroundColor,scrollbarBorderRadius,thumbBorderRadius,thumbColor,hoverColor,focusColor]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",overflow:\"auto\"},children:children});}// Default props\nCustomScrollbar.defaultProps={scrollbarWidth:8,scrollbarBorderRadius:100,scrollbarBackgroundColor:\"#000000\",thumbBorderRadius:100,thumbColor:\"#FF4A0A\",hoverColor:\"#be1e2e\",focusColor:\"#f13d4b\"};// Property controls for Framer\naddPropertyControls(CustomScrollbar,{scrollbarWidth:{type:ControlType.Number,title:\"Scrollbar Width\",min:2,max:30,unit:\"px\"},scrollbarBorderRadius:{type:ControlType.Number,title:\"Track Radius\",min:0,max:200,unit:\"px\"},scrollbarBackgroundColor:{type:ControlType.Color,title:\"Track Color\"},thumbBorderRadius:{type:ControlType.Number,title:\"Thumb Radius\",min:0,max:200,unit:\"px\"},thumbColor:{type:ControlType.Color,title:\"Thumb Color\"},hoverColor:{type:ControlType.Color,title:\"Hover Color\"},focusColor:{type:ControlType.Color,title:\"Active Color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CustomScrollbar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CustomScrollBar.map"],"mappings":"0KAA2H,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,iBAAe,wBAAsB,2BAAyB,oBAAkB,aAAW,aAAW,aAAW,YAAU,EAkBtF,OAlB4F,MAAoB,CAAC,IAAM,EAAS,SAAS,cAAc,QAAQ,CAkBtU,MAlBuU,GAAS,UAAU;;yBAE/W,EAAe;;;8BAGV,EAAyB;iCACtB,EAAsB;;;oCAGnB,EAAW;iCACd,EAAkB;;;oCAGf,EAAW;;;oCAGX,EAAW;;UAErC,SAAS,KAAK,YAAY,EAAS,KAAW,CAAC,SAAS,KAAK,YAAY,EAAS,GAAK,CAAC,EAAe,EAAyB,EAAsB,EAAkB,EAAW,EAAW,EAAW,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,OAAO,CAAU,WAAS,CAAC,kBAlBhR,IAA4B,IAAoD,CAmB3H,EAAgB,aAAa,CAAC,eAAe,EAAE,sBAAsB,IAAI,yBAAyB,UAAU,kBAAkB,IAAI,WAAW,UAAU,WAAW,UAAU,WAAW,UAAU,CACjM,EAAoB,EAAgB,CAAC,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,IAAI,EAAE,IAAI,GAAG,KAAK,KAAK,CAAC,sBAAsB,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,yBAAyB,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,CAAC,CAAC"}