"use client";

import { useRouter } from "next/navigation";
import { createClient } from "@/lib/supabase/client";
import { Button } from "@/components/ui/button";
import { LogOut } from "lucide-react";

export default function SignOutButton({ variant = "ghost" as const }) {
  const router = useRouter();

  async function signOut() {
    const supabase = createClient();
    await supabase.auth.signOut();
    router.refresh();
    router.push("/login");
  }

  return (
    <Button onClick={signOut} variant={variant}>
      <LogOut className="h-4 w-4" />
      Se déconnecter
    </Button>
  );
}