star.js

import React from 'react'
import PropTypes from 'prop-types'

const Star = (props) => {
  const starProps = Object.assign({}, props)
  const nameMap = {
    isDisabled: 'is-disabled',
    isActive: 'is-active',
    isActiveHalf: 'is-active-half',
    willBeActive: 'will-be-active'
  }
  const className = Object.keys(nameMap)
        .filter(prop => (delete starProps[prop], props[prop]))
        .map(prop => nameMap[prop])
        .join(' ')
  return <div className={`react-rater-star ${className}`} {...starProps}>★</div>
}

Star.defaultProps = {
  willBeActive: false,
  isActive: false,
  isActiveHalf: false,
  isDisabled: false
}

Star.propTypes = {
  isActive: PropTypes.bool,
  isActiveHalf: PropTypes.bool,
  willBeActive: PropTypes.bool,
  isDisabled: PropTypes.bool
}

export default Star