import React from 'react';
import styles from './ProgressDots.module.css';

interface ProgressDotsProps {
  totalSteps: number;
  currentStep: number;
}

const ProgressDots: React.FC<ProgressDotsProps> = ({ totalSteps, currentStep }) => {
  return (
    <div className={styles.container}>
      {Array.from({ length: totalSteps }).map((_, index) => (
        <div 
          key={index} 
          className={`${styles.dot} ${index === currentStep - 1 ? styles.active : ''}`}
        />
      ))}
    </div>
  );
};

export default ProgressDots;
