{"version":3,"file":"Examples.ClUDOJUS.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/oCqzaDMSsSclOZvXryui/Jr8UCx8ZJ3s7T7ThPo9m/Examples.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef}from\"react\";import{useScroll}from\"framer-motion\";// Scrub through a video or drive a Lottie animation by scrolling while it is in view\nexport function withScrolledProgressInView(Component){return props=>{const ref=useRef(null);const{scrollYProgress}=useScroll({target:ref,offset:[\"end\",\"start\"],layoutEffect:false});// const smoothProgress = useSpring(scrollYProgress, {\n//     stiffness: 100,\n//     damping: 30,\n//     restDelta: 0.001,\n// })\nreturn /*#__PURE__*/_jsx(\"div\",{ref:ref,style:props.style,children:/*#__PURE__*/_jsx(Component,{...props,progress:scrollYProgress})});};}// Mark testimonials as complementary content (ARIA)\nexport function withComplementaryRole(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,role:\"complementary\"});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withScrolledProgressInView\":{\"type\":\"reactHoc\",\"name\":\"withScrolledProgressInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withComplementaryRole\":{\"type\":\"reactHoc\",\"name\":\"withComplementaryRole\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"mKACA,SAAgB,EAA2B,EAAU,CAAC,MAAO,IAAO,CAAC,IAAM,EAAIA,EAAO,IAAI,EAAO,CAAC,mBAAiB,EAAU,CAAC,OAAO,EAAI,OAAO,CAAC,MAAM,OAAO,EAAE,aAAa,EAAK,CAAC,EAKnL,OAAoB,EAAK,MAAM,CAAK,MAAI,MAAM,EAAM,MAAM,SAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,SAAS,CAAe,CAAC,CAAC,CAAC,CAAE,CAAE,CACxI,SAAgB,EAAsB,EAAU,CAAC,MAAO,IAA4B,EAAK,EAAU,CAAC,GAAG,EAAM,KAAK,eAAe,CAAC,CAAI,iBAP5F,IAA0B,IAAqC"}