"use client";

import { useRouter } from "next/navigation";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/cn";

export function AccountLogoutButton({
  label = "Odjavi se",
  className,
}: {
  label?: string;
  className?: string;
}) {
  const router = useRouter();

  async function handleLogout() {
    await fetch("/api/account/session", {
      method: "DELETE",
    });

    router.push("/login");
    router.refresh();
  }

  return (
    <Button
      type="button"
      variant="primary"
      className={cn("cursor-pointer", className)}
      onClick={handleLogout}
    >
      {label}
    </Button>
  );
}