import { Star } from 'react-feather'
import styles from './rating.module.scss'

const MAX_RATING = 5

const Rating = ({ rating }: { rating: number }): JSX.Element => (
  <div className={styles.rating}>
    {Array.from(Array(MAX_RATING).keys()).map((_, i) => (
      <Star className={i < rating ? styles.filledStar : styles.star} key={String(i)} />
    ))}
  </div>
)

export default Rating