import { Progress } from 'antd';

interface QuizProgressProps {
  current: number;
  total: number;
}

export const QuizProgress = ({ current, total }: QuizProgressProps) => {
  const percent = Math.round((current / total) * 100);
  
  return (
    <div className="bg-white px-2 py-1.5 border-b border-gray-100">
      <div className="flex items-center gap-2">
        <span className="text-gray-500 text-xs">
          <span className="text-gray-900 text-sm font-medium">{current}</span>/{total}
        </span>
        <Progress 
          percent={percent} 
          showInfo={false} 
          strokeColor="#00897B" 
          trailColor="#E0F2F1"
          size="small"
          className="m-0 flex-1"
        />
      </div>
    </div>
  );
};
