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

export const Rating = ({ rating, votes }) => {
  if (rating === 0) { return null; }

  return (
    <span>
      <i className="fa fa-star-o mr-1"></i>
      {Number(rating).toFixed(1)}
      {votes !== 0 &&
          <small className="ml-1">({votes} votes)</small>
      }
    </span>
  );
}
Rating.propTypes = {
  rating: PropTypes.number,
  votes: PropTypes.number,
};
Rating.defaultProps = {
  rating: 0,
  votes: 0,
};