https://www.williammaderas.com/_next/static/chunks/4012.b2c1fe639933013a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4012],{44012:function(e,t,s){s.r(t),s.d(t,{default:function(){return o}});var n=s(67294),i=s(62160),r=s(93967),a=s.n(r);class l extends n.Component{constructor(e){super(e),this.onScrollIntoView=e=>{e[0].isIntersecting?this.setState({isFadeIn:!0}):this.props.fadeInAndOut&&this.setState({isFadeIn:!1})},this.state={classes:"animated",style:{animationDuration:`${this.props.duration}s`,opacity:this.props.initiallyVisible?1:0},isFadeIn:!1},this.intersectionObserver=null}componentDidMount(){var e;this.intersectionObserver=new IntersectionObserver(this.onScrollIntoView),this.node&&(null===(e=this.intersectionObserver)||void 0===e||e.observe(this.node))}componentWillUnmount(){var e;this.intersectionObserver&&this.node&&(null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this.node))}render(){let e=a()(this.props.className?`${this.props.className} ${this.state.classes}`:this.state.classes,"scrollFxInRange__LoUmr",{fadeIn__nsZYP:this.state.isFadeIn});return n.createElement("div",{ref:e=>{this.node=e},className:e,style:Object.assign({},this.state.style,this.props.style)},this.props.children)}}l.defaultProps={offset:150,duration:1,initiallyVisible:!1,delay:0,animateO

1nce:!1,animatePreScroll:!0};let o=e=>{let t=(0,n.useContext)(i.z);return e.readOnly&&"Fade In"===e.animationScrollIn?n.createElement(l,{animateIn:"fadeIn__F30G-",scrollableParentSelector:"body",fadeInAndOut:"Fade Out"===e.animationScrollOut,isPreview:t.isPreview},e.children):n.createElement(n.Fragment,null,e.children)}}}]);