{"version":3,"file":"RealExamples.Ch2DPC4J.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/ePMrohSbl8vxhe9XXfgF/9nyA0Za0BEpO3lSYYhHn/RealExamples.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";const VIDEOS=[{src:\"https://framerusercontent.com/assets/T3PXoQhBGFJNz0Mhq2POYHN9pg.mp4\",caption:\"Lymphatic drainage: the dive from the body into a clay vessel\"},{src:\"https://framerusercontent.com/assets/Kwme71RvlW42Syh3SwFAmDUs.mp4\",caption:\"Creatine gummies: the mechanism argued clay molecule by clay molecule\"}];function Loop({src}){const ref=useRef(null);useEffect(()=>{const v=ref.current;if(!v)return;const tryPlay=()=>{const p=v.play();if(p&&p.catch)p.catch(()=>{});};tryPlay();const io=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting)tryPlay();});});io.observe(v);return()=>io.disconnect();},[]);return /*#__PURE__*/_jsx(\"video\",{ref:ref,src:src,muted:true,autoPlay:true,loop:true,playsInline:true,preload:\"auto\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}});}/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 720\n */export default function RealExamples(){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",display:\"flex\",gap:16,justifyContent:\"center\"},children:VIDEOS.map((v,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,maxWidth:350,display:\"flex\",flexDirection:\"column\",gap:8},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",aspectRatio:\"9 / 16\",borderRadius:14,overflow:\"hidden\",border:\"1px solid #E4E2DE\",boxShadow:\"0 8px 24px rgba(22,23,29,0.07)\",background:\"#FFFFFF\"},children:/*#__PURE__*/_jsx(Loop,{src:v.src})}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:13,color:\"#676C7E\",fontFamily:\"Inter, sans-serif\",lineHeight:1.5,textAlign:\"center\"},children:v.caption})]},i))});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RealExamples\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicWidth\":\"720\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RealExamples.map"],"mappings":"gIAA0Z,SAAS,EAAK,CAAC,OAAK,CAAC,IAAM,EAAIA,EAAO,IAAI,EAAwQ,OAAtQ,MAAc,CAAC,IAAM,EAAE,EAAI,QAAQ,GAAG,CAAC,EAAE,OAAO,IAAM,MAAY,CAAC,IAAM,EAAE,EAAE,KAAK,EAAK,GAAG,EAAE,OAAM,EAAE,UAAU,CAAC,CAAC,CAAE,EAAE,EAAQ,EAAE,IAAM,EAAG,IAAI,qBAAqB,GAAI,CAAC,EAAG,QAAQ,GAAG,CAAI,EAAE,gBAAe,EAAQ,CAAE,CAAC,CAAE,CAAC,EAAgB,OAAd,EAAG,QAAQ,CAAC,MAAY,EAAG,WAAW,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAK,QAAQ,CAAK,MAAQ,MAAI,MAAM,GAAK,SAAS,GAAK,KAAK,GAAK,YAAY,GAAK,QAAQ,OAAO,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,QAAQ,OAAO,CAAC,CAAC,CAAE,CAIr4B,SAAwB,GAAc,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,QAAQ,OAAO,IAAI,GAAG,eAAe,QAAQ,EAAE,SAAS,EAAO,KAAK,EAAE,IAAiB,EAAM,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,IAAI,QAAQ,OAAO,cAAc,SAAS,IAAI,CAAC,EAAE,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,YAAY,SAAS,aAAa,GAAG,SAAS,SAAS,OAAO,oBAAoB,UAAU,iCAAiC,WAAW,SAAS,EAAE,SAAsB,EAAK,EAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,UAAU,WAAW,oBAAoB,WAAW,IAAI,UAAU,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,mBAJtmB,IAAoC,EAAO,EAAO,CAAC,CAAC,IAAI,sEAAsE,QAAQ,+DAA+D,EAAE,CAAC,IAAI,oEAAoE,QAAQ,uEAAuE,CAAC,EAK3Y,EAAqB,CAAC,QAAU,CAAC,QAAU,CAAC,KAAO,iBAAiB,KAAO,eAAe,MAAQ,CAAC,EAAE,YAAc,CAAC,sBAAwB,IAAI,4BAA8B,OAAO,qBAAuB,MAAM,2BAA6B,OAAO,CAAC,EAAE,mBAAqB,CAAC,KAAO,UAAU,CAAC,CAAC"}