"use client";

import { useRouter } from "next/navigation";

export default function DeleteTicketTypeButton({ id }: { id: string }) {
  const router = useRouter();

  return (
    <button
      onClick={async () => {
        if (!confirm("Delete this ticket type?")) return;
        await fetch(`/api/dashboard/ticket-types/${id}`, { method: "DELETE" });
        router.refresh();
      }}
      className="text-sm text-red-600 hover:underline"
    >
      Delete
    </button>
  );
}