{"version":3,"file":"Button_visible.CoUedmvb.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/NGUN4aWx6SoK9PIQI4IJ/jH8TvNcRNuv9wyzrUBN8/Button_visible.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{forwardRef,useEffect,useState}from\"react\";export const withDelayedVisibility=Component=>{return /*#__PURE__*/forwardRef((props,ref)=>{const[isVisible,setIsVisible]=useState(false);useEffect(()=>{const timer=setTimeout(()=>{setIsVisible(true);},15e3)// 4:15 = 4 minutes and 15 seconds = (4*60) + 15 = 255 seconds = 255000 milliseconds\n;return()=>clearTimeout(timer);},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                        .delayed-visibility {\n                            opacity: 0 !important;\n                            transition: opacity 0.5s ease-out !important;\n                            visibility: hidden;\n                        }\n                        .delayed-visibility.visible {\n                            opacity: 1 !important;\n                            visibility: visible;\n                        }\n                    `}),/*#__PURE__*/_jsx(Component,{ref:ref,...props,className:`${props?.className||\"\"} delayed-visibility ${isVisible?\"visible\":\"\"}`,style:{...props?.style}})]});});};\nexport const __FramerMetadata__ = {\"exports\":{\"withDelayedVisibility\":{\"type\":\"reactHoc\",\"name\":\"withDelayedVisibility\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button_visible.map"],"mappings":"gNAA6I,EAAsB,GAAgC,GAAY,EAAM,IAAM,CAAC,GAAK,CAAC,EAAU,EAAa,CAACA,EAAS,IAC9N,OADqO,MAAc,CAAC,IAAM,EAAM,eAAe,CAAC,EAAa,GAAO,EAAC,MACzU,UAAU,aAAa,EAAQ,EAAC,EAAE,EAAsB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;;sBAUlG,EAAe,EAAK,EAAU,CAAK,MAAI,GAAG,EAAM,UAAU,GAAG,GAAO,WAAW,GAAG,sBAAsB,EAAU,UAAU,KAAK,MAAM,CAAC,GAAG,GAAO,MAAM,CAAC,EAAE,CAAC,CAAG"}