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

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

export declare namespace ArrowCssProps {
  export type ArrowIconColor = string
  export type ArrowIconSize = number | string
}

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