{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ckDXKcsZUHxB0yWenbyX/3FTjJbVgjzPcx9TNqSLp/Mobile_Banner.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export function FadeOutButtonWithLink(){const[opacity,setOpacity]=useState(1);const[isClickable,setIsClickable]=useState(true);useEffect(()=>{const handleScroll=()=>{const windowHeight=window.innerHeight;const documentHeight=document.documentElement.scrollHeight;const scrollPosition=window.scrollY;const fromBottom=documentHeight-(windowHeight+scrollPosition);// Start changing opacity 250px from the bottom\nconst startFade=200;if(fromBottom<startFade){const newOpacity=fromBottom/startFade;setOpacity(newOpacity);setIsClickable(newOpacity>.05);}else{setOpacity(1);setIsClickable(true);}};window.addEventListener(\"scroll\",handleScroll);return()=>window.removeEventListener(\"scroll\",handleScroll);},[]);return{style:{opacity:opacity,transition:\"opacity 0.01s ease-out\",pointerEvents:isClickable?\"auto\":\"none\"},onClick:()=>{if(isClickable){// Place your link action here, e.g., window.location.href = 'http://yourlink.com';\nconsole.log(\"Button clicked\");}}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withFadeOutButtonWithLink(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...FadeOutButtonWithLink(props)});};}withFadeOutButtonWithLink.displayName=\"FadeOutButtonWithLink\";\nexport const __FramerMetadata__ = {\"exports\":{\"FadeOutButtonWithLink\":{\"type\":\"override\",\"name\":\"FadeOutButtonWithLink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFadeOutButtonWithLink\":{\"type\":\"reactHoc\",\"name\":\"withFadeOutButtonWithLink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Mobile_Banner.map"],
  "mappings": "gJAAwF,SAASA,GAAuB,CAAC,GAAK,CAACC,EAAQC,CAAU,EAAEC,EAAS,CAAC,EAAO,CAACC,EAAYC,CAAc,EAAEF,EAAS,EAAI,EAAE,OAAAG,EAAU,IAAI,CAAC,IAAMC,EAAa,IAAI,CAAC,IAAMC,EAAaC,EAAO,YAAkBC,EAAe,SAAS,gBAAgB,aAAmBC,EAAeF,EAAO,QAAcG,EAAWF,GAAgBF,EAAaG,GACpaE,EAAU,IAAI,GAAGD,EAAWC,EAAU,CAAC,IAAMC,EAAWF,EAAWC,EAAUX,EAAWY,CAAU,EAAET,EAAeS,EAAW,GAAG,OAAQZ,EAAW,CAAC,EAAEG,EAAe,EAAI,CAAG,EAAE,OAAAI,EAAO,iBAAiB,SAASF,CAAY,EAAQ,IAAIE,EAAO,oBAAoB,SAASF,CAAY,CAAE,EAAE,CAAC,CAAC,EAAQ,CAAC,MAAM,CAAC,QAAQN,EAAQ,WAAW,yBAAyB,cAAcG,EAAY,OAAO,MAAM,EAAE,QAAQ,IAAI,CAAIA,GACja,QAAQ,IAAI,gBAAgB,CAAG,CAAC,CAAE,CAA2J,SAASW,EAA0BC,EAAE,CAAC,OAAOC,IAAQC,EAA+BC,CAAuC,EAASC,EAAKJ,EAAE,CAAC,GAAGC,EAAM,GAAGjB,EAAsBiB,CAAK,CAAC,CAAC,EAAI,CAACF,EAA0B,YAAY",
  "names": ["FadeOutButtonWithLink", "opacity", "setOpacity", "ye", "isClickable", "setIsClickable", "ue", "handleScroll", "windowHeight", "window", "documentHeight", "scrollPosition", "fromBottom", "startFade", "newOpacity", "withFadeOutButtonWithLink", "C", "props", "re", "DataObserverContext", "p"]
}