module.exports=[930370,a=>{"use strict";var b=a.i(187924),c=a.i(572131);let d={"fade-up":"anim-fade-up","fade-in":"anim-fade-in","slide-left":"anim-slide-left","slide-right":"anim-slide-right","scale-in":"anim-scale-in"};function e({children:a,animation:e="fade-up",delay:f=0,duration:g,className:h="",as:i="div"}){let j=(0,c.useRef)(null),[k,l]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=j.current;if(!a)return;let b=new IntersectionObserver(([a])=>{a.isIntersecting&&(l(!0),b.unobserve(a.target))},{threshold:.1,rootMargin:"0px 0px -50px 0px"});return b.observe(a),()=>b.disconnect()},[]);let m={...f?{animationDelay:`${f}ms`}:{},...g?{animationDuration:`${g}ms`}:{},...!k?{opacity:0}:{}};return(0,b.jsx)(i,{ref:j,className:`${h} ${k?d[e]:""}`,style:m,children:a})}a.s(["AnimateOnScroll",()=>e])}];

//# sourceMappingURL=src_components_AnimateOnScroll_tsx_61440874._.js.map