"use client";

import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Navigation, Autoplay } from "swiper/modules";

import LastPorjectContent from "./LastPorjectContent";
import { useRef } from "react";
import type SwiperType from "swiper";


const LastProjectSlider = ({ homeData2 }: { homeData2: any }) => {
    return (
    <div className="container px-0 last-project"
    >
      <Swiper
        spaceBetween={30}
        centeredSlides={true}
        loop={true}
        autoplay={{
          delay: 3000,
          disableOnInteraction: true,
        }}
        speed={2000}
        pagination={{ clickable: true }}
        navigation={false}
        modules={[Pagination, Navigation, Autoplay]}
        className="mySwiper  !pb-10  "
      >
        {homeData2?.map((item : any) => (
          <SwiperSlide key={item?.id}>
            <LastPorjectContent item={item} />
          </SwiperSlide>
        ))}
      </Swiper>
    </div>
  );
};

export default LastProjectSlider;