{"version":3,"file":"Examples.stPkFCHR.mjs","names":[],"sources":["https:/framerusercontent.com/modules/7rhFO979Gq4w10Kjyt1t/AWkTDipfvRK9CekjDiiZ/Examples.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";// Wrapper-Komponente mit Autoplay-Loop\nexport function withAutoScroll(Component){return function Wrapped(props){useEffect(()=>{const container=document.querySelector(\"[data-carousel]\");const interval=setInterval(()=>{if(container){const scrollWidth=container.scrollWidth;const containerWidth=container.clientWidth;const currentScroll=container.scrollLeft;if(currentScroll+containerWidth>=scrollWidth-1){container.scrollTo({left:0,behavior:\"smooth\"});}else{container.scrollBy({left:containerWidth,behavior:\"smooth\"});}}},3e3);return()=>clearInterval(interval);},[]);return /*#__PURE__*/_jsx(Component,{...props,\"data-carousel\":true});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withAutoScroll\":{\"type\":\"reactHoc\",\"name\":\"withAutoScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"kHACA,SAAgB,EAAe,EAAU,CAAC,OAAO,SAAiB,EAAM,CAAsc,OAArc,MAAc,CAAC,IAAM,EAAU,SAAS,cAAc,kBAAkB,CAAO,EAAS,gBAAgB,CAAC,GAAG,EAAU,CAAC,IAAM,EAAY,EAAU,YAAkB,EAAe,EAAU,YAAgC,EAAU,WAA4B,GAAgB,EAAY,EAAG,EAAU,SAAS,CAAC,KAAK,EAAE,SAAS,SAAS,CAAC,CAAO,EAAU,SAAS,CAAC,KAAK,EAAe,SAAS,SAAS,CAAC,GAAK,IAAI,CAAC,UAAU,cAAc,EAAS,EAAG,EAAE,CAAC,CAAqB,EAAK,EAAU,CAAC,GAAG,EAAM,gBAAgB,GAAK,CAAC,mBADtiB,IAA6B"}