"use client"

import { useEffect } from "react"
import { useRouter } from "next/navigation"
import { logout } from "@/services/users/query"

export default function LogoutPage() {
  const router = useRouter()

  useEffect(() => {
    const performLogout = async () => {
      // Call the logout function
      logout()

      // Redirect to login page
      router.push("/auth/login")
    }

    performLogout()
  }, [router])

  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50">
      <div className="text-center">
        <h1 className="text-2xl font-bold mb-4">Logging out...</h1>
        <p className="text-gray-600">You are being redirected to the login page.</p>
      </div>
    </div>
  )
}