swiper-slider-init.tsx

'use client'

import { useEffect, useRef } from 'react'
import Swiper from 'swiper'
import {
  Pagination,
  Autoplay,
  EffectFade,
  Navigation,
  Keyboard,
} from 'swiper/modules'
import { useInView } from 'react-intersection-observer'
import 'swiper/css'
import 'swiper/css/autoplay'
import 'swiper/css/effect-fade'
import 'swiper/css/navigation'

interface SwiperSliderInitProps {
  swiperId: string
  layout?: 'slider' | 'carousel'