"use client";

import { useTransition } from "react";

export function DeleteEntityButton({
  id,
  action,
  confirmMessage,
}: {
  id: string;
  action: (id: string) => Promise<void>;
  confirmMessage: string;
}) {
  const [pending, startTransition] = useTransition();

  return (
    <button
      disabled={pending}
      onClick={() => {
        if (confirm(confirmMessage)) startTransition(() => action(id));
      }}
      className="text-xs text-red-400/80 hover:text-red-400 transition-colors disabled:opacity-50"
    >
      Löschen
    </button>
  );
}