"use client";

import { useTransition } from "react";
import { deleteAbsenceAction } from "@/lib/actions/absences";

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

  return (
    <button
      disabled={pending}
      onClick={() => {
        if (confirm("Diese Abwesenheit wirklich löschen?")) startTransition(() => deleteAbsenceAction(absenceId));
      }}
      className="text-xs text-red-400/80 hover:text-red-400 transition-colors disabled:opacity-50"
    >
      Löschen
    </button>
  );
}