@lifarl/react-scroll-snap-slider/src/components/Carousel/Carousel.interface.ts

A React Slider / Carousel Component with Scroll Snapping and Intersection Observer. ***[Demo](https://lifarl.github.io/react-scroll-snap-slider/)***

export interface CarouselProps {
  children: React.ReactNode
  renderCustomArrow?: ({
    direction,
    ref,
    onClick,
  }: CustomArrowProps) => JSX.Element
  slidesPerPageSettings?: SlidesPerPageSettings
  slideWidth?: number
  onScrollStart?: (index: number) => void
  onScrollEnd?: (index: number) => void
  onSlidesVisibilityChange?: (index: number) => void
  onSlideVisible?: (index: number) => void
}

export interface SlidesPerPageSettings {
  mobileSmall: number
  mobileBig: number
  tablet: number
  desktop: number
}

interface CustomArrowProps {
  direction: 'prev' | 'next'
  ref: React.RefObject<HTMLDivElement>
  onClick: (direction: 'prev' | 'next') => void
}