"use client";

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

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

  return (
    <button
      disabled={pending}
      onClick={() => {
        if (confirm("Diesen Grund wirklich löschen?")) startTransition(() => deleteRejectionReasonAction(id));
      }}
      className="text-xs text-[var(--rk-ink-muted)] hover:text-red-400 disabled:opacity-50"
    >
      Löschen
    </button>
  );
}