'use client';

import { signIn } from 'next-auth/react';

export default function DiscordLoginButton() {
  return (
    <button 
      onClick={() => signIn('discord')}
      className="w-full font-mono text-xs tracking-widest bg-white text-black hover:bg-zinc-200 transition-colors py-4 font-bold uppercase flex justify-center items-center gap-3 group"
    >
      <span className="w-2 h-2 bg-black rounded-full group-hover:animate-ping"></span>
      Authenticate via Discord
    </button>
  );
}