import React from 'react'
import { defaultRenderArrows } from './renderProps'
import { CarouselArrowProps } from './typings'

class CarouselArrow extends React.Component<CarouselArrowProps> {
  static defaultProps = {
    className: '',
    arrowIconColor: '#000',
    arrowIconSize: '40px',
    renderArrows: defaultRenderArrows,
  }
  render() {
    const { renderArrows, state, ...remainingProps } = this.props
    return renderArrows(remainingProps, state)
  }
}

export { CarouselArrow }
export default CarouselArrow