import React from 'react'
import { CarouselBulletProps } from './typings'
import { defaultRenderBulletItem, defaultRenderBulletList } from './renderProps'

class CarouselBullet extends React.Component<CarouselBulletProps> {
  static defaultProps = {
    className: '',
    bulletSize: '10px',
    bulletColor: '#000',
    renderBulletItem: defaultRenderBulletItem,
    renderBulletList: defaultRenderBulletList,
  }

  render() {
    const {
      renderBulletList,
      state,
      ...remainingProps
    } = this.props
    return renderBulletList(remainingProps, state)
  }
}

export { CarouselBullet }
export default CarouselBullet