"use client";
import React, { useState } from "react";
import "./wspgallery.css";
import Image from "next/image";

const WSPGallery = ({ galleryImages }) => {
  const [slideNumber, setSlideNumber] = useState(0);
  const [openModal, setOpenModal] = useState(false);

  return (
    <div>
      <div className="flex flex-wrap gap-10 items-center justify-center max-w-[620px] my-auto">
        {galleryImages &&
          galleryImages.map((slide, index) => {
            return (
              <div className="single" key={index}>
                <Image
                  src={slide.img}
                  alt="/"
                  width={100}
                  height={100}
                />
              </div>
            );
          })}
      </div>
    </div>
  );
};

export default WSPGallery;
