function Marquee() {
  const items = [
    'BATCH BREW DIARIO',
    'TOSTADORES INVITADOS',
    'V60 · AEROPRESS',
    'LECHES VEGETALES',
    'TOSTADAS HASTA LAS 13:00',
    'CAFÉ DE COMPETICIÓN',
  ];
  // Duplicate for seamless loop
  const seq = [...items, ...items];
  return (
    <div className="marquee-bar" role="presentation">
      <div className="marquee-track">
        <span>
          {seq.map((it, i) => (
            <React.Fragment key={i}>
              <span>{it}</span>
              <Sparkle size={26} color="var(--orange)" style={{ position: 'relative' }} />
            </React.Fragment>
          ))}
        </span>
      </div>
    </div>
  );
}

Object.assign(window, { Marquee });
