/* 
  This is the marquee slide component.
  It contains the following components:
  - MarqueeSlide
*/
import React from "react";
import styles from "./MarqueeSlide.module.scss";

// Define the props type for the MarqueeSlide component
interface MarqueeSlideProps {
  content: string;
}

const MarqueeSlide: React.FC<MarqueeSlideProps> = ({ content }) => {
  return (
    <>
      <div className={`${styles.MarqueeSlideWrapper} w-full overflow-hidden`}>
        <div className={`${styles.Marquee} flex whitespace-nowrap`}>
          <h2 className={`h1 m-0 ffGTHaptik !tracking-normal`}>
            {content}
          </h2>
        </div>
      </div>
    </>
  );
};

export default MarqueeSlide;