"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="galleryWrapper">
        {galleryImages &&
          galleryImages.map((slide, index) => {
            return (
              <div className="single" key={index}>
                <Image
                  src={slide.img}
                  alt="/"
                  width={40}
                  height={40}
                />
              </div>
            );
          })}
      </div>
    </div>
  );
};

export default WSPGallery;