Marquee

import React from "react";

export interface MarqueeProps {
  children: React.ReactNode
}

export const Marquee: React.FC<MarqueeProps> = ({
  children
}) => {
  return (
    <div className="w-full overflow-hidden sm:mt-24 mt-10 z-10">
      <div className="relative flex max-w-[90vw] overflow-hidden py-5">
        <div className="flex w-max animate-marquee [--duration:30s]">
          {children}
          {children}
        </div>
      </div>
    </div>
  )
};