import React from "react";

export default function Marquee() {
  return (
    <div className="tf-marquee marquee-sm bg_dark">
      <div className="wrap-marquee speed-1">
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            LIMITED TIME OFFER: FASHION SALE YOU CANTRESIST
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            FREE SHIPPING AND RETURN
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            NEW SEASON, NEW STYLES: FASHION SALE YOU CANTMISS
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            LIMITED TIME OFFER: FASHION SALE YOU CANTRESIST
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            FREE SHIPPING AND RETURN
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            NEW SEASON, NEW STYLES: FASHION SALE YOU CANTMISS
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            LIMITED TIME OFFER: FASHION SALE YOU CANTRESIST
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            FREE SHIPPING AND RETURN
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            NEW SEASON, NEW STYLES: FASHION SALE YOU CANTMISS
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            LIMITED TIME OFFER: FASHION SALE YOU CANTRESIST
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            FREE SHIPPING AND RETURN
          </p>
        </div>
        <div className="marquee-item">
          <div className="icon">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width={7}
              height={6}
              viewBox="0 0 7 6"
              fill="none"
            >
              <path d="M3.5 0L6.53109 5.25H0.468911L3.5 0Z" fill="white" />
            </svg>
          </div>
          <p className="text text-white text-uppercase fw-6">
            NEW SEASON, NEW STYLES: FASHION SALE YOU CANTMISS
          </p>
        </div>
      </div>
    </div>
  );
}
