import{j as e}from"./ui-vendor-CPlxOuHz.js";import{r}from"./react-vendor-DjUmVRt1.js";import{S as t}from"./index-09CqdSdZ.js";const n=r.memo(({children:n,fallback:s,rootMargin:o="100px",className:i=""})=>{const[c,a]=r.useState(!1),l=r.useRef(null);r.useEffect(()=>{const e=setTimeout(()=>{a(!0)},2e3);return()=>clearTimeout(e)},[]),r.useEffect(()=>{if(c)return;const e=l.current;if(e){if(e.getBoundingClientRect().top<window.innerHeight+100)return void a(!0)}const r=new IntersectionObserver(([e])=>{e.isIntersecting&&(a(!0),r.disconnect())},{rootMargin:o,threshold:0});return e&&r.observe(e),()=>r.disconnect()},[o,c]);const u=e.jsx("div",{className:"py-16 container mx-auto px-4",children:e.jsx(t,{className:"h-64 w-full rounded-lg"})});return e.jsx("div",{ref:l,className:i,children:c?n:s||u})});n.displayName="LazySection";export{n as L};