import { Trash2 } from "lucide-react";
import { ConfirmSubmitButton } from "@/components/ConfirmSubmitButton";

export function DeleteButton({
  label = "Delete",
  message = "Delete this record? This cannot be undone."
}: {
  label?: string;
  message?: string;
}) {
  return (
    <ConfirmSubmitButton
      className="btn-secondary"
      title="Confirm Archive/Delete"
      message={message}
      confirmLabel="Confirm"
      tone="danger"
    >
      <Trash2 className="h-4 w-4" aria-hidden="true" />
      <span className="sr-only">{label}</span>
    </ConfirmSubmitButton>
  );
}