export default function PRStateBadge({ state }: { state: string }) {
  const styles: Record<string, string> = {
    MERGED:
      "bg-state-merged/10 text-state-merged border-state-merged/30",
    OPEN: "bg-state-open/10 text-state-open border-state-open/30",
    CLOSED:
      "bg-state-closed/10 text-state-closed border-state-closed/30",
  };
  return (
    <span
      className={`inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium uppercase ${styles[state] || styles.CLOSED}`}
    >
      {state}
    </span>
  );
}