"use client";

import { useRouter } from "next/navigation";
import { apiPost } from "@/lib/client-api";

export function LogoutButton() {
  const router = useRouter();
  return (
    <button
      type="button"
      className="rounded-lg border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-100"
      onClick={async () => {
        await apiPost("/api/auth/logout", {});
        router.push("/login");
        router.refresh();
      }}
    >
      Log out
    </button>
  );
}