"use client";
import { useRouter } from "next/navigation";
import { api, setCsrf } from "@/lib/client/api";

export function LogoutButton() {
  const router = useRouter();
  return (
    <button
      type="button"
      className="btn btn-sm"
      onClick={async () => {
        try {
          await api("/api/admin/auth/logout", { method: "POST", json: {} });
        } catch {
          /* already out */
        }
        setCsrf(null);
        router.replace("/admin/login");
        router.refresh();
      }}
    >
      Sign out
    </button>
  );
}