export function SeverityBadge({ severity }: { severity: "low" | "medium" | "high" }) {
  const label = severity === "high" ? "High" : severity === "medium" ? "Medium" : "Low";
  return <span className={`badge severity-${severity}`}>{label} severity</span>;
}

export function StatusBadge({ status }: { status: string }) {
  return <span className={`badge status-${status}`}>{status.replace(/_/g, " ")}</span>;
}