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

interface ContainerProps {
  num_rating: number;
}

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

export default MarkRating;
