import React from 'react'
import { RenderWrapper, RatingsElement } from './styled'
import { ProductRatingsProps } from './typings'

class ProductRatings extends React.PureComponent<ProductRatingsProps> {
  static defaultProps = {
    className: '',
  }
  render() {
    return (
      <RenderWrapper className={this.props.className}>
        <RatingsElement
          rating={this.props.rating}
          shouldShowCount={this.props.shouldShowCount}
          starFill={this.props.starFill}
          countPosition={this.props.countPosition}
        />
      </RenderWrapper>
    )
  }
}

export { ProductRatings }
export default ProductRatings