{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/2Z2HiVOzu5RlkwA4jqpb/DlxhqHo10lUqk8kAQ71S/Barra_customizada_.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto-prefer-fixed\n * @framerSupportedLayoutHeight auto-prefer-fixed\n *//**\n * @framerDisableUnlink\n */export default function ScrollbarCustomizer(props){const{enableScrollbar,scrollbarWidth,borderRadius,trackBackground,thumbBackground,thumbHoverBackground,thumbBorderColor,thumbHoverBorderColor}=props;useEffect(()=>{const style=document.createElement(\"style\");style.innerHTML=`\n            ::-webkit-scrollbar {\n                width: ${enableScrollbar?scrollbarWidth+\"px\":\"0px\"};\n                border-radius: ${borderRadius}px;\n            }\n            ::-webkit-scrollbar-track {\n                background: ${trackBackground};\n            }\n            ::-webkit-scrollbar-thumb {\n                background: ${thumbBackground};\n                border: 3px solid ${thumbBorderColor};\n                border-radius: ${borderRadius}px;\n            }\n            ::-webkit-scrollbar-thumb:hover {\n                background: ${thumbHoverBackground};\n                border: 3px solid ${thumbHoverBorderColor};\n                border-radius: ${borderRadius}px;\n            }\n            /* Estilos para Firefox */\n            * {\n                scrollbar-width: ${enableScrollbar?scrollbarWidth+\"px\":\"none\"};\n                scrollbar-color: ${thumbBackground} ${trackBackground};\n            }\n            *::-webkit-scrollbar {\n                width: ${enableScrollbar?scrollbarWidth+\"px\":\"0px\"};\n                border-radius: ${borderRadius}px;\n            }\n            *::-webkit-scrollbar-track {\n                background: ${trackBackground};\n            }\n            *::-webkit-scrollbar-thumb {\n                background: ${thumbBackground};\n                border: 3px solid ${thumbBorderColor};\n                border-radius: ${borderRadius}px;\n            }\n            *::-webkit-scrollbar-thumb:hover {\n                background: ${thumbHoverBackground};\n                border: 3px solid ${thumbHoverBorderColor};\n                border-radius: ${borderRadius}px;\n            }\n        `;document.head.appendChild(style);// Fun\u00E7\u00E3o de limpeza para remover os estilos quando o componente for desmontado\nreturn()=>{document.head.removeChild(style);};},[enableScrollbar,scrollbarWidth,borderRadius,trackBackground,thumbBackground,thumbHoverBackground,thumbBorderColor,thumbHoverBorderColor]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",backgroundColor:\"transparent\"},children:\"Scrollbar Customizer\"});}// Adicionando propriedades customiz\u00E1veis no painel do Framer\naddPropertyControls(ScrollbarCustomizer,{enableScrollbar:{type:ControlType.Boolean,title:\"Enable Scrollbar\",defaultValue:true,description:\"Enable or disable the scrollbar / Habilitar ou desabilitar a barra de rolagem\"},scrollbarWidth:{type:ControlType.Number,title:\"Width\",defaultValue:14,min:0,unit:\"px\",description:\"Set the width of the scrollbar / Definir a largura da barra de rolagem\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:100,min:0,unit:\"px\",description:\"Set the border radius of the scrollbar / Definir o raio da borda da barra de rolagem\"},trackBackground:{type:ControlType.Color,title:\"Track Background\",defaultValue:\"#FFFFFF\",description:\"Set the background color of the scrollbar track / Definir a cor de fundo do track da barra de rolagem\"},thumbBackground:{type:ControlType.Color,title:\"Thumb Background\",defaultValue:\"#39B49E\",description:\"Set the background color of the scrollbar thumb / Definir a cor de fundo do thumb da barra de rolagem\"},thumbHoverBackground:{type:ControlType.Color,title:\"Thumb Hover Background\",defaultValue:\"#285888\",description:\"Set the hover background color of the scrollbar thumb / Definir a cor de fundo hover do thumb da barra de rolagem\"},thumbBorderColor:{type:ControlType.Color,title:\"Thumb Border Color\",defaultValue:\"#FFFFFF\",description:\"Set the border color of the scrollbar thumb / Definir a cor da borda do thumb da barra de rolagem\"},thumbHoverBorderColor:{type:ControlType.Color,title:\"Thumb Hover Border Color\",defaultValue:\"#FFFFFF\",description:\"Set the hover border color of the scrollbar thumb / Definir a cor hover da borda do thumb da barra de rolagem\"},codeBy:{type:ControlType.String,title:\" \",defaultValue:\"Code by @omatusaelhorch\",readOnly:true,description:\"This component was created by @omatusaelhorch / Este componente foi criado por @omatusaelhorch.\"}})/**\n * Code by @omatusaelhorch\n */;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ScrollbarCustomizer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto-prefer-fixed\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"auto-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Barra_customizada_.map"],
  "mappings": "gEAKkB,SAARA,EAAqCC,EAAM,CAAC,GAAK,CAAC,gBAAAC,EAAgB,eAAAC,EAAe,aAAAC,EAAa,gBAAAC,EAAgB,gBAAAC,EAAgB,qBAAAC,EAAqB,iBAAAC,EAAiB,sBAAAC,CAAqB,EAAER,EAAM,OAAAS,EAAU,IAAI,CAAC,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAM,UAAU;AAAA;AAAA,yBAE7PT,EAAgBC,EAAe,KAAK,KAAK;AAAA,iCACjCC,CAAY;AAAA;AAAA;AAAA,8BAGfC,CAAe;AAAA;AAAA;AAAA,8BAGfC,CAAe;AAAA,oCACTE,CAAgB;AAAA,iCACnBJ,CAAY;AAAA;AAAA;AAAA,8BAGfG,CAAoB;AAAA,oCACdE,CAAqB;AAAA,iCACxBL,CAAY;AAAA;AAAA;AAAA;AAAA,mCAIVF,EAAgBC,EAAe,KAAK,MAAM;AAAA,mCAC1CG,CAAe,IAAID,CAAe;AAAA;AAAA;AAAA,yBAG5CH,EAAgBC,EAAe,KAAK,KAAK;AAAA,iCACjCC,CAAY;AAAA;AAAA;AAAA,8BAGfC,CAAe;AAAA;AAAA;AAAA,8BAGfC,CAAe;AAAA,oCACTE,CAAgB;AAAA,iCACnBJ,CAAY;AAAA;AAAA;AAAA,8BAGfG,CAAoB;AAAA,oCACdE,CAAqB;AAAA,iCACxBL,CAAY;AAAA;AAAA,UAEnC,SAAS,KAAK,YAAYO,CAAK,EACnC,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAK,CAAE,CAAE,EAAE,CAACT,EAAgBC,EAAeC,EAAaC,EAAgBC,EAAgBC,EAAqBC,EAAiBC,CAAqB,CAAC,EAAsBG,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgB,aAAa,EAAE,SAAS,sBAAsB,CAAC,CAAE,CAC9TC,EAAoBb,EAAoB,CAAC,gBAAgB,CAAC,KAAKc,EAAY,QAAQ,MAAM,mBAAmB,aAAa,GAAK,YAAY,+EAA+E,EAAE,eAAe,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,KAAK,KAAK,YAAY,wEAAwE,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,IAAI,IAAI,EAAE,KAAK,KAAK,YAAY,sFAAsF,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,mBAAmB,aAAa,UAAU,YAAY,uGAAuG,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,mBAAmB,aAAa,UAAU,YAAY,uGAAuG,EAAE,qBAAqB,CAAC,KAAKA,EAAY,MAAM,MAAM,yBAAyB,aAAa,UAAU,YAAY,mHAAmH,EAAE,iBAAiB,CAAC,KAAKA,EAAY,MAAM,MAAM,qBAAqB,aAAa,UAAU,YAAY,mGAAmG,EAAE,sBAAsB,CAAC,KAAKA,EAAY,MAAM,MAAM,2BAA2B,aAAa,UAAU,YAAY,+GAA+G,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,IAAI,aAAa,0BAA0B,SAAS,GAAK,YAAY,iGAAiG,CAAC,CAAC",
  "names": ["ScrollbarCustomizer", "props", "enableScrollbar", "scrollbarWidth", "borderRadius", "trackBackground", "thumbBackground", "thumbHoverBackground", "thumbBorderColor", "thumbHoverBorderColor", "ue", "style", "p", "addPropertyControls", "ControlType"]
}