"use client";

import { useRouter } from "next/navigation";
import { LogOutIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import { authClient } from "@/lib/auth/client";
import { unsubscribeCommissionPush } from "@/components/commission/push-client";

export function SignOutButton({ admin = false }: { admin?: boolean }) {
  const router = useRouter();
  const { data } = authClient.useSession();
  if (!admin && !data?.user) return null;

  async function signOut() {
    await unsubscribeCommissionPush().catch(() => undefined);
    await authClient.signOut();
    router.push(admin ? "/auth/login?next=%2Fadmin" : "/commission");
    router.refresh();
  }

  return <Button type="button" variant="ghost" size="icon-sm" aria-label="ออกจากระบบ" onClick={() => void signOut()}>
    <LogOutIcon />
  </Button>;
}