{"version":3,"file":"StyckyBottom.DN7eCgMF.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/70Ki8AmEPymD1gT8CDTr/bA4yDZF7SXRUbvxOjqH7/StyckyBottom.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useEffect,useState}from\"react\";// Bottom Sticky Scroll\n// Works only on 1200px+ screens.\n// Apply this override to the frame that should stick to the viewport bottom.\nfunction useMinWidth(width){const[matches,setMatches]=useState(false);useEffect(()=>{const query=window.matchMedia(`(min-width: ${width}px)`);const update=()=>setMatches(query.matches);update();query.addEventListener(\"change\",update);return()=>query.removeEventListener(\"change\",update);},[width]);return matches;}export function withBottomStickyScroll(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const isDesktop=useMinWidth(1200);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,style:{...props.style,...isDesktop?{position:\"sticky\",bottom:0,alignSelf:\"flex-end\",zIndex:10}:{}}});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withBottomStickyScroll\":{\"type\":\"reactHoc\",\"name\":\"withBottomStickyScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StyckyBottom.map"],"mappings":"8IAGA,SAAS,EAAY,EAAM,CAAC,GAAK,CAAC,EAAQ,GAAYA,EAAS,EAAK,EAAsO,OAApO,MAAc,CAAC,IAAM,EAAM,EAAO,WAAW,eAAe,EAAM,IAAI,EAAQ,MAAW,EAAW,EAAM,OAAO,EAAmD,OAAjD,EAAO,EAAE,EAAM,iBAAiB,SAAS,CAAM,MAAY,EAAM,oBAAoB,SAAS,CAAM,CAAE,EAAE,CAAC,CAAK,CAAC,EAAS,CAAQ,CAAC,SAAgB,EAAuB,EAAU,CAAC,OAAoB,GAAY,EAAM,IAAM,CAAC,IAAM,EAAU,EAAY,IAAI,EAAE,OAAoB,EAAK,EAAU,CAAK,MAAI,GAAG,EAAM,MAAM,CAAC,GAAG,EAAM,MAAM,GAAG,EAAU,CAAC,SAAS,SAAS,OAAO,EAAE,UAAU,WAAW,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,CAAE,qBAH9iB,IAAiD"}