'use client';

import { useRouter } from 'next/navigation';
import { clearSession } from './lib/auth-session';

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

  return (
    <button
      type="button"
      onClick={() => {
        clearSession();
        router.push('/login');
        router.refresh();
      }}
      className="rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs font-bold uppercase tracking-[0.18em] text-slate-200 transition hover:border-[#ff7a1a] hover:text-white"
    >
      Sair
    </button>
  );
}