"use client";
import { useRouter } from "next/navigation";

export function LogoutButton() {
  const router = useRouter();
  async function logout() {
    await fetch("/api/auth/logout", { method: "POST" });
    router.push("/");
    router.refresh();
  }
  return (
    <button onClick={logout} className="text-sm text-white/50 hover:text-white px-3 py-1.5 rounded-md hover:bg-ink-800">
      Sign out
    </button>
  );
}