/* global React */
function Marquee() {
  const items = [
    'Geprüfte Qualität',
    'Originalverpackt',
    'Sofort ab Lager',
    'Versand DE/AT/CH',
    'Über 15 Jahre am Markt',
    'Direkter Großhändler',
    'Faire B2B-Preise',
    'Täglich neue Posten',
  ];
  const all = [...items, ...items];
  return (
    <div className="dp-marquee">
      <div className="dp-marquee__track">
        {all.map((t, i) => (
          <span className="dp-marquee__item" key={i}>
            <span className="dp-marquee__dot" /> {t}
          </span>
        ))}
      </div>
    </div>
  );
}
window.Marquee = Marquee;