https://www.nxtgen-athlete.com/assets/Marquee-BUjCbd68.js

1import{r as i,j as n}from"./index-CoY2P6eO.js";function y({items:s,duration:u=40,reverse:l=!1,gap:o=32,render:p}){const h=Array.from({length:3},()=>s).flat(),c=i.useRef(null),[a,x]=i.useState(0);i.useLayoutEffect(()=>{const t=c.current;if(!t)return;const e=()=>{const r=t.scrollWidth;x((r+o)/3)};e();const f=new ResizeObserver(e);f.observe(t);const d=t.querySelectorAll("img"),m=()=>e();return d.forEach(r=>{r.complete||r.addEventListener("load",m)}),()=>{f.disconnect(),d.forEach(r=>r.removeEventListener("load",m))}},[o,s.length]);const v=l?"marquee-loop-reverse":"marquee-loop",g=l&&a>0?`translateX(-${a}px)`:void 0;return n.jsxs("div",{className:"overflow-hidden relative px-8",children:[n.jsx("div",{className:"pointer-events-none absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-bg-primary to-transparent z-10"}),n.jsx("div",{className:"pointer-events-none absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-bg-primary to-transparent z-10"}),n.jsx("div",{ref:c,className:"flex w-max will-change-transform",style:{gap:`${o}px`,transform:g,...a>0?{animation:`${v} ${u}s linear infinite`,"--marquee-shift":`${a}px`}:{}},children:h.map((t,e)=>n.jsx("div",{className:"shrink-0","aria-hidden":e>=s.length?!0:void 0,children:p(t,e%s.length)},e))})]})}export{y as M};