{"version":3,"file":"ScrollHeader.RKBP4Qm9.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/sCtDUlaO1qejUhnJu7UI/998kYaJIjLDh2JgoV2IM/ScrollHeader.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export function ScrollHeader(Component){return props=>{const[scrolled,setScrolled]=useState(false);const[isMobile,setIsMobile]=useState(false);useEffect(()=>{const handleScroll=()=>{setScrolled(window.scrollY>50);};const handleResize=()=>{setIsMobile(window.innerWidth<810);};handleResize();window.addEventListener(\"scroll\",handleScroll);window.addEventListener(\"resize\",handleResize);return()=>{window.removeEventListener(\"scroll\",handleScroll);window.removeEventListener(\"resize\",handleResize);};},[]);const variant=isMobile?scrolled?\"Phone Nav Vit\":\"Phone Nav Transparent\":scrolled?\"secondary\":\"Desktop\";return /*#__PURE__*/_jsx(Component,{...props,variant:variant});};}\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollHeader\":{\"type\":\"reactHoc\",\"name\":\"ScrollHeader\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollHeader.map"],"mappings":"uIAAiF,SAAgB,EAAa,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAS,GAAaA,EAAS,GAAM,CAAM,CAAC,EAAS,GAAaA,EAAS,GAAM,CAAC,MAAc,CAAC,IAAM,MAAiB,CAAC,EAAY,EAAO,QAAQ,GAAG,EAAS,MAAiB,CAAC,EAAY,EAAO,WAAW,IAAI,EAAgH,OAA7G,GAAc,CAAC,EAAO,iBAAiB,SAAS,EAAa,CAAC,EAAO,iBAAiB,SAAS,EAAa,KAAW,CAAC,EAAO,oBAAoB,SAAS,EAAa,CAAC,EAAO,oBAAoB,SAAS,EAAa,GAAK,EAAE,CAAC,CAAC,IAAM,EAAQ,EAAS,EAAS,gBAAgB,wBAAwB,EAAS,YAAY,UAAU,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAc,UAAQ,CAAC,uBAAnsB,IAAsC"}