{"version":3,"file":"Image_Lazy_Load.CeTcaKqD.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/hJsnNFS3z8TL28Zqrlqb/yMbQI3DrvJcHU2dJnpLA/Image_Lazy_Load.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";export function withLazyLoad(Component){return props=>{const ref=useRef(null);const[isVisible,setIsVisible]=useState(false);useEffect(()=>{const el=ref.current;if(!el)return;const io=new IntersectionObserver(([entry])=>{if(entry.isIntersecting){setIsVisible(true);io.disconnect();}},{rootMargin:\"300px\"});io.observe(el);return()=>io.disconnect();},[]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\",height:isVisible?\"100%\":\"600px\"},children:isVisible?/*#__PURE__*/_jsx(Component,{...props}):null});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withLazyLoad\":{\"type\":\"reactHoc\",\"name\":\"withLazyLoad\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image_Lazy_Load.map"],"mappings":"gIAAwF,SAAgB,EAAa,EAAU,CAAC,MAAO,IAAO,CAAC,IAAM,EAAIA,EAAO,KAAK,CAAM,CAAC,EAAU,GAAcC,EAAS,GAAM,CAAqO,OAApO,MAAc,CAAC,IAAM,EAAG,EAAI,QAAQ,GAAG,CAAC,EAAG,OAAO,IAAM,EAAG,IAAI,sBAAsB,CAAC,KAAS,CAAI,EAAM,iBAAgB,EAAa,GAAK,CAAC,EAAG,YAAY,GAAI,CAAC,WAAW,QAAQ,CAAC,CAAgB,OAAf,EAAG,QAAQ,EAAG,KAAW,EAAG,YAAY,EAAG,EAAE,CAAC,CAAqB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,OAAO,OAAO,EAAU,OAAO,QAAQ,CAAC,SAAS,EAAuB,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,CAAC,KAAK,CAAC,mBAA3iB,IAA6C"}