'use client'
import { FC } from 'react'
import { Swiper, SwiperSlide } from 'swiper/react';
import { Pagination } from 'swiper/modules';

const Carousel: FC = () => {
    return (
        <div className='mt-5 relative' style={{ zIndex: 0 }}>
            <Swiper pagination={true} modules={[Pagination]} className="mySwiper pb-5" style={{ zIndex: 0, position: 'relative' }}>
                <SwiperSlide>
                    <div className='h-[400px] bg-red-50'>
                        1
                    </div>
                </SwiperSlide>
                <SwiperSlide>
                    <div className='h-[400px] bg-red-50'>
                        1
                    </div>
                </SwiperSlide>
            </Swiper>
        </div>
    )
}

export default Carousel