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

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

  render() {
    const {
      renderBulletList,
      state,
      hasBullets,
      ...remainingProps
    } = this.props
    const view =
      hasBullets === true ? renderBulletList(remainingProps, state) : <Empty />
    return view
  }
}

export { CarouselBullet }
export default CarouselBullet