import React from 'react';

interface ProgressBarProps {
  percent: number;
  status: string;
}

export const ProgressBar: React.FC<ProgressBarProps> = ({ percent, status }) => {
  let color = 'bg-blue-500';
  if (status === 'risk') color = 'bg-red-500';
  if (status === 'warning') color = 'bg-amber-500';
  if (status === 'review') color = 'bg-purple-500';
  if (status === 'new') color = 'bg-slate-300';

  return (
    <div className="w-full bg-slate-200 rounded-full h-2">
      <div className={`${color} h-2 rounded-full`} style={{ width: `${percent}%` }}></div>
    </div>
  );
};
