const { Readout } = window.JabberwockeeDesignSystem_646027;
function LogoStrip() {
  const D = window.JW_DATA;
  const row = D.logos.concat(D.logos);
  return (
    <section className="jw-logos" aria-label="Festivals and partners">
      <div className="jw-container" style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", paddingBottom: 20 }}>
        <span style={{ font: "var(--type-lead)", color: "var(--text-display)" }}>From Venice to Singapore, <em>from Netflix</em> to independent screens.</span>
      </div>
      <div className="jw-marquee">
        <div className="jw-marquee-track">
          {row.map((l, i) => <div key={i} className="jw-logo-tile" title={l.name}><img src={l.src} alt={l.name} loading="lazy" /></div>)}
        </div>
      </div>
    </section>
  );
}
window.LogoStrip = LogoStrip;