"use client";

import { useTransition } from "react";
import { deleteExpenseAction } from "@/lib/actions/expenses";
import { deleteIncomeAction } from "@/lib/actions/income";

export function DeleteFinanceEntryButton({ kind, id }: { kind: "income" | "expense"; id: string }) {
  const [pending, startTransition] = useTransition();

  return (
    <button
      disabled={pending}
      onClick={() => {
        const label = kind === "income" ? "Diese Einnahme" : "Diese Ausgabe";
        if (confirm(`${label} wirklich löschen?`)) {
          startTransition(() => {
            kind === "income" ? deleteIncomeAction(id) : deleteExpenseAction(id);
          });
        }
      }}
      className="text-xs text-red-400/80 hover:text-red-400 transition-colors disabled:opacity-50"
    >
      Löschen
    </button>
  );
}