"use client";

import { useTransition } from "react";
import { toggleRejectionReasonActiveAction } from "@/lib/actions/admin";

export function RejectionReasonActiveToggle({ id, active }: { id: string; active: boolean }) {
  const [pending, startTransition] = useTransition();

  return (
    <button
      disabled={pending}
      onClick={() => startTransition(() => toggleRejectionReasonActiveAction(id, !active))}
      className={`text-xs border rounded-full px-3 py-1 disabled:opacity-50 ${
        active ? "border-emerald-400/40 text-emerald-400" : "border-white/15 text-[var(--rk-ink-muted)]"
      }`}
    >
      {active ? "Aktiv" : "Inaktiv"}
    </button>
  );
}