import { ReactNode } from 'react'
import { MediaCarouselStateType } from '../typings'

export interface CarouselArrowRenderProp extends Function {
  (props: CarouselArrowProps, state?: MediaCarouselStateType): ReactNode
}

export interface CarouselArrowProps {
  className?: string
  hasArrows: boolean
  arrowIconColor: string
  arrowIconSize: number | string
  state: MediaCarouselStateType
  renderArrows: CarouselArrowRenderProp
}