import React from 'react'
import { RatingProps } from './typings'
import {
  renderWrapper as defaultWrapper,
  renderContainer as defaultContainer,
  renderStars as defaultRenderStars,
  renderCount as defaultRenderCount,
} from './renderProps'

class Ratings extends React.PureComponent<RatingProps> {
  static defaultProps = {
    className: '',
    starCount: 5,
    starRating: 0,
    width: 25,
    starGap: 5,
    isUserCount: true,
    userRating: 4,
    defaultColor: '#cccccc',
    fillColor: '#000000',
    shouldShowCount: false,
    countPosition: 'suffix',
    renderWrapper: defaultWrapper,
    renderContainer: defaultContainer,
    renderStars: defaultRenderStars,
    renderCount: defaultRenderCount,
  }
  render() {
    const { renderWrapper, renderContainer } = this.props
    const children = renderContainer(this.props)
    const renderItems = renderWrapper({ ...this.props, children })
    return renderItems
  }
}

export default Ratings
export { Ratings }