{"version":3,"file":"LazyLoadImage.DbQJzbIS.mjs","names":["useState","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/PUDD3XZJo62wJFAPSHia/WtsttBqk80OknOEUlrwk/LazyLoadImage.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";export function LazyLoadImage(){const[isLoaded,setIsLoaded]=useState(false);const[imageSrc,setImageSrc]=useState(\"\");useEffect(()=>{const imgElement=new Image;imgElement.src=\"your-high-resolution-image-url.jpg\";imgElement.onload=()=>setIsLoaded(true);},[]);useEffect(()=>{if(isLoaded){setImageSrc(\"your-high-resolution-image-url.jpg\");}else{setImageSrc(\"your-low-res-placeholder.jpg\");}},[isLoaded]);return{src:imageSrc};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withLazyLoadImage(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...LazyLoadImage(props)});};}withLazyLoadImage.displayName=\"LazyLoadImage\";\nexport const __FramerMetadata__ = {\"exports\":{\"LazyLoadImage\":{\"type\":\"override\",\"name\":\"LazyLoadImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withLazyLoadImage\":{\"type\":\"reactHoc\",\"name\":\"withLazyLoadImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LazyLoadImage.map"],"mappings":"kLAAiF,SAAgB,GAAe,CAAC,GAAK,CAAC,EAAS,GAAaA,EAAS,EAAK,EAAO,CAAC,EAAS,GAAaA,EAAS,EAAE,EAA6R,OAA3R,MAAc,CAAC,IAAM,EAAW,IAAI,MAAM,EAAW,IAAI,qCAAqC,EAAW,WAAW,EAAY,EAAI,CAAE,EAAE,CAAC,CAAC,EAAE,MAAc,CAAc,EAAV,EAAsB,qCAAwD,8BAA8B,CAAG,EAAE,CAAC,CAAQ,CAAC,EAAQ,CAAC,IAAI,CAAQ,CAAE,CAAoJ,SAAgB,EAAkB,EAAE,CAAC,MAAO,KAAQ,EAA+BC,CAAuC,EAASC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAc,CAAK,CAAC,CAAC,EAAI,iBAAhxB,IAAsC,IAAyjB,EAAkL,EAAkB,YAAY"}