// Milfers · Infinite marquee ticker — echo of PDF p.21
function Ticker({ words = ['milfers', 'milfers', 'milfers', 'milfers', 'milfers', 'milfers'], alt = false }) {
  // duplicate enough to fill + loop seamlessly
  const items = [...words, ...words, ...words, ...words];
  return (
    <div className={`mf-ticker ${alt ? 'alt' : ''}`} aria-hidden="true">
      <div className="mf-ticker-track">
        {items.map((w, i) => (
          <span key={i}>
            {w} <span className="dot"></span>
          </span>
        ))}
      </div>
    </div>
  );
}

function CheckerStrip({ ruby = false }) {
  return <div className={`mf-checker-strip ${ruby ? 'ruby' : ''}`} aria-hidden="true"></div>;
}

window.Ticker = Ticker;
window.CheckerStrip = CheckerStrip;