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

export interface CarouselBulletRenderProp extends Function {
  (props: CarouselBulletProps, state?: MediaCarouselStateType): ReactNode
}

export interface CarouselBulletProps {
  className?: string
  index?: number
  isActive?: boolean
  state?: MediaCarouselStateType
  bulletSize?: number | string
  bulletColor?: string
  renderBulletList?: CarouselBulletRenderProp
  renderBulletItem?: CarouselBulletRenderProp
}