"use client";

import { useRouter } from "next/navigation";

export function TeamActions({ id, userCount }: { id: string; userCount: number }) {
  const router = useRouter();

  async function remove() {
    if (userCount > 0 || !confirm("Delete this empty team?")) return;
    const response = await fetch(`/api/teams/${id}`, { method: "DELETE" });
    if (!response.ok) {
      alert((await response.json()).error ?? "Could not delete team.");
      return;
    }
    router.refresh();
  }

  return (
    <button
      className="rounded-lg bg-brand-primary px-3 py-1 text-xs font-semibold text-white disabled:opacity-40"
      disabled={userCount > 0}
      onClick={() => void remove()}
      title={userCount > 0 ? "Remove users before deleting this team" : "Delete team"}
      type="button"
    >
      Delete
    </button>
  );
}