{"version":3,"file":"ScrollHeader.Didj9R-R.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,EAAK,EAAO,CAAC,EAAS,GAAaA,EAAS,EAAK,EAAE,MAAc,CAAC,IAAM,MAAiB,CAAC,EAAY,EAAO,QAAQ,EAAE,CAAE,EAAQ,MAAiB,CAAC,EAAY,EAAO,WAAW,GAAG,CAAE,EAA+G,OAA7G,EAAa,EAAE,EAAO,iBAAiB,SAAS,CAAY,EAAE,EAAO,iBAAiB,SAAS,CAAY,MAAY,CAAC,EAAO,oBAAoB,SAAS,CAAY,EAAE,EAAO,oBAAoB,SAAS,CAAY,CAAE,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAQ,EAAS,EAAS,gBAAgB,wBAAwB,EAAS,YAAY,UAAU,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAc,SAAO,CAAC,CAAE,CAAE,qBAAvsB,IAAsC"}