"use client"

import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { removeAuthToken } from "@/lib/auth"
import { LogOut } from "lucide-react"

export function LogoutButton() {
  const router = useRouter()

  const handleLogout = () => {
    removeAuthToken()
    router.push("/login")
  }

  return (
    <Button variant="destructive" size="sm" onClick={handleLogout} className="gap-2">
      <LogOut className="h-4 w-4" />
      Déconnexion
    </Button>
  )
}