import type { BondRisk } from "@/hooks/useLsegCredit";

const GRADE_STYLE: Record<string, string> = {
  "LOW RISK":      "bg-green-500/15 border border-green-500/30 text-green-300",
  "MODERATE RISK": "bg-yellow-500/15 border border-yellow-500/30 text-yellow-300",
  "ELEVATED RISK": "bg-orange-500/15 border border-orange-500/30 text-orange-300",
  "HIGH RISK":     "bg-red-500/15 border border-red-500/30 text-red-300",
};

export function BondRiskBadge({ risk }: { risk: BondRisk }) {
  const style = GRADE_STYLE[risk.composite_grade] ?? "bg-muted text-muted-foreground border";
  return (
    <span
      className={`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold ${style}`}
    >
      {risk.composite_grade}
      <span className="opacity-70">· {risk.composite_score}</span>
    </span>
  );
}