import { HelloworldImage } from '../../../components/HelloworldImage';
import './style.css';

interface ContainerProps {
  num_rating: number;
  num_full_rating: number;
}

const QuestionProgress: React.FC<ContainerProps> = ({ num_rating = 0, num_full_rating = 10 }) => {
  return (
    <>
      <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '0.5rem' }}>
        {Array.from({ length: num_full_rating }, (_, index) => (
          <div style={{ width: '5vw', height: '5vw' }}>
            <HelloworldImage />
          </div>
        ))}
      </div>
    </>
  );
};

export default QuestionProgress;
