import { ComponentMarqueeOne, Maybe, Table } from "@/types/gpl/graphql";
import s from "./index.module.scss";
import Marquee from "react-fast-marquee";
import Image from "@/modules/common/components/image";

interface Props {
  param: Maybe<ComponentMarqueeOne> | undefined;
}

export default function tableOne({ param }: Props) {
  return (
    <div className={s.marquee}>
      <Marquee className={s.marquee} pauseOnHover speed={100}>
        {param?.img?.map((imgItem, imgIndex) => {
          return (
            <div className={s.item} key={imgIndex}>
              <Image image={imgItem} />
            </div>
          );
        })}
      </Marquee>
    </div>
  );
}

.marquee{
  .item{
    height: 300px;
    margin: 0 20px;
  }
}