/* global React */

function ClientMarquee({ clients }) {
  // Duplicate for seamless loop
  const items = [...clients, ...clients, ...clients];
  return (
    <section className="cs-clients">
      <div className="cs-clients-marquee">
        {items.map((c, i) => (
          <React.Fragment key={i}>
            <span>{c}</span>
            <span className="sep"></span>
          </React.Fragment>
        ))}
      </div>
    </section>
  );
}

window.ClientMarquee = ClientMarquee;