// REALIZE.CONTENT — yellow ticker / marquee
const Ticker = () => {
  const items = [
    'CRIATIVIDADE',
    'AUDIOVISUAL',
    'TRANSMÍDIA',
    'PROTAGONISMO FEMININO',
    'EQUIDADE DE GÊNERO',
    'DIVERSIDADE DE VOZES',
  ];
  // duplicate so the marquee loops seamlessly
  const loop = [...items, ...items];
  return (
    <div className="ticker" aria-hidden="true">
      <div className="ticker-track">
        {loop.map((t, i) => (
          <span className="ticker-item" key={i}>
            {t}<span className="ticker-dot" />
          </span>
        ))}
      </div>
    </div>
  );
};

window.Ticker = Ticker;
