export function ProgressBar({
  value,
}: {
  value: number;
}) {
  return (
    <div className="h-2 w-full rounded-full bg-[var(--uhuru-bg-muted)]">
      <div
        className="h-2 rounded-full bg-[var(--uhuru-action-primary)]"
        style={{ width: `${Math.max(0, Math.min(100, value))}%` }}
      />
    </div>
  );
}