"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 "./push-client";
import { CommissionPushEntryPrompt } from "./push-entry-prompt";

export function CommissionSignOut() {
  const router = useRouter();
  return <><CommissionPushEntryPrompt scope="customer" /><Button type="button" variant="ghost" size="icon-sm" aria-label="ออกจากระบบ" onClick={async () => {
    await unsubscribeCommissionPush().catch(() => undefined);
    await authClient.signOut();
    router.push("/commission");
    router.refresh();
  }}><LogOutIcon /></Button></>;
}