import { clsx } from "@/lib/cx";

export type StatusVariant = "passed" | "failed" | "held" | "pending" | "neutral";

const VARIANT_TOKEN: Record<StatusVariant, { color: string; label?: string }> = {

  passed: { color: "var(--dk-yea)" },

  failed: { color: "var(--dk-nay)" },

  held: { color: "var(--dk-hold)" },

  pending: { color: "var(--dk-hold)" },

  neutral: { color: "var(--dk-ash)" },

};

export function StatusPill({

  variant = "neutral",

  children,

  className,

  dot = false,

}: {

  variant?: StatusVariant;

  children: React.ReactNode;

  className?: string;

  dot?: boolean;

}) {

  const { color } = VARIANT_TOKEN[variant];

  return (

    <span

      className={clsx("pill", className)}

      style={{ color, borderColor: `color-mix(in srgb, ${color} 38%, transparent)` }}

    >

      {dot ? (

        <span

          aria-hidden="true"

          className="inline-block h-1.5 w-1.5 rounded-full"

          style={{ backgroundColor: color }}

        />

      ) : null}

      {children}

    </span>

  );

}

export function classifyStatus(raw: string): StatusVariant {

  const s = raw.toLowerCase();

  if (/\b(pass|passed|signed|enacted|became law|cloture ok|agreed)\b/.test(s))

    return "passed";

  if (/\b(fail|failed|rejected|veto|not passed|cloture fail)\b/.test(s))

    return "failed";

  if (/\b(stall|held|in committee|referred|table)\b/.test(s)) return "held";

  if (/\b(pending|scheduled|introduced|await)\b/.test(s)) return "pending";

  return "neutral";

}