import React from 'react';
import Image from 'next/image';

/* HELP
{
  card.reviewGrade;
}
*/

//styles
import s from './ReviewChart.module.scss';
import starIcon from '../../../public/icons/Star.svg';

const ReviewChart = () => {
  return (
    <div className={s.reviewContainer}>
      <p>Summary</p>
      <div className={s.chartRateContainer}>
        <div className={s.chart}>chart</div>
        <div className={s.rightSectionReview}>
          <div className={s.rateStar}>
            <p>4.5</p>
            <Image src={starIcon} alt="Star Icon" />
          </div>
          <div className={s.reviewNumber}>
            <p>274 Reviews</p>
          </div>
        </div>
      </div>
    </div>
  );
};

export default ReviewChart;