'use client'

import { useRouter } from 'next/navigation'
import { createClient } from '@/lib/supabase/client'
import { LogOut } from 'lucide-react'

export function PlatformSignOut() {
  const router = useRouter()
  async function handleSignOut() {
    try {
      await createClient()?.auth.signOut()
    } catch {
      /* session already gone */
    }
    router.push('/login')
    router.refresh()
  }
  return (
    <button
      type="button"
      onClick={handleSignOut}
      className="flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white"
    >
      <LogOut className="h-4 w-4" /> Sign out
    </button>
  )
}