{"version":3,"file":"ScrollFrame.Bzlc-Rqf.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/CKw1W4XRlimItzmJMcR7/gJHWoPYiT1Moub2iPdjm/ScrollFrame.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect,useState}from\"react\";import{Frame,useInView}from\"framer\";export function ScrollVariantTrigger({frameWidth=72,frameHeight=72,defaultVariantBg=\"transparent\",scrolledVariantBg=\"#049f82\",scrollOffset=250,borderRadius=16,id=\"ju7D2jRby\",allowedIds=[\"EU2hgTCd4\",\"JQyusyaKw\",\"ju7D2jRby\"]}){const ref=useRef(null);const[variant,setVariant]=useState(\"default\");const inView=useInView(ref,{margin:`-${scrollOffset}px 0px -${scrollOffset}px 0px`});const checkCenter=()=>{if(!ref.current)return;const rect=ref.current.getBoundingClientRect();const elementCenter=rect.top+rect.height/2;const viewportCenter=window.innerHeight/2;const distance=Math.abs(elementCenter-viewportCenter);return distance;};useEffect(()=>{if(inView){//setVariant(\"scrolled\")\n}else setVariant(\"default\");},[inView]);const variants={default:{background:defaultVariantBg,borderRadius},scrolled:{background:scrolledVariantBg,borderRadius}};return /*#__PURE__*/_jsx(\"div\",{ref:ref,id:id,children:/*#__PURE__*/_jsx(Frame,{width:frameWidth,height:frameHeight,variants:variants,animate:variant})});}\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollVariantTrigger\":{\"type\":\"reactComponent\",\"name\":\"ScrollVariantTrigger\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollFrame.map"],"mappings":"8NAA4H,SAAgB,EAAqB,CAAC,aAAW,GAAG,cAAY,GAAG,mBAAiB,cAAc,oBAAkB,UAAU,eAAa,IAAI,eAAa,GAAG,KAAG,YAAY,aAAW,CAAC,YAAY,YAAY,YAAY,EAAE,CAAC,IAAM,EAAIA,EAAO,KAAK,CAAM,CAAC,EAAQ,GAAYC,EAAS,UAAU,CAAO,EAAO,EAAU,EAAI,CAAC,OAAO,IAAI,EAAa,UAAU,EAAa,QAAQ,CAAC,CACrV,OADglB,MAAc,CAAI,GAC7vB,EAAW,UAAU,EAAG,CAAC,EAAO,CAAC,CAA8I,EAAK,MAAM,CAAK,MAAO,KAAG,SAAsB,EAAK,EAAM,CAAC,MAAM,EAAW,OAAO,EAAY,SAA9N,CAAC,QAAQ,CAAC,WAAW,EAAiB,eAAa,CAAC,SAAS,CAAC,WAAW,EAAkB,eAAa,CAAC,CAAuI,QAAQ,EAAQ,CAAC,CAAC,CAAC,sBAD/Q,IAA6C,IAAoC"}