21 lines
588 B
TypeScript
21 lines
588 B
TypeScript
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>
|
|
);
|
|
};
|