import { RISK_ETIKET, type RiskSeviyesi } from "@/lib/risk";

/**
 * Risk etiketi (DESIGN.md §4.5) — tek kaynak: renkli nokta + aynı renkte
 * metin. Renk hiçbir yerde tek başına durmaz; metin RISK_ETIKET'ten gelir.
 * /sonuc tablosu, liste çekmecesi ve rapor listesi buradan kullanır.
 */
export const RISK_NOKTA: Record<RiskSeviyesi, string> = {
  guvenli: "bg-emerald-500",
  "az-riskli": "bg-amber-500",
  riskli: "bg-red-500",
};

const RISK_METIN: Record<RiskSeviyesi, string> = {
  guvenli: "text-emerald-600",
  "az-riskli": "text-amber-600",
  riskli: "text-red-600",
};

export function RiskEtiketi({ risk }: { risk: RiskSeviyesi }) {
  return (
    <span
      className={`inline-flex items-center gap-1.5 text-xs font-semibold ${RISK_METIN[risk]}`}
    >
      <span
        className={`size-2 shrink-0 rounded-full ${RISK_NOKTA[risk]}`}
        aria-hidden
      />
      {RISK_ETIKET[risk]}
    </span>
  );
}