"use client";

import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import { Navigation, Autoplay } from "swiper/modules";
import Image from "next/image";

interface Props {
  images: string[];
}

export default function ServicesImageSlider({ images }: Props) {
  return (
    <Swiper
      navigation
      autoplay={{
        delay: 5000
      }}
      modules={[Navigation, Autoplay]}
      className="services-details-image-slides mb-5"
    >
      {images.map((image, index) => (
        <SwiperSlide key={index}>
          <Image
            src={image}
            alt=""
            width={750}
            height={450}
            className="w-100"
          />
        </SwiperSlide>
      ))}
    </Swiper>
  );
}