'use client';
import Link from 'next/link';
import { useRouter } from 'next/navigation';
import { Sparkles, LogOut } from 'lucide-react';

export default function Header({ user }) {
  const router = useRouter();
  async function logout() {
    await fetch('/api/auth/logout', { method: 'POST' });
    router.push('/login');
  }
  return (
    <header className="border-b border-border bg-bg/80 backdrop-blur sticky top-0 z-10">
      <div className="max-w-6xl mx-auto px-4 py-3 flex items-center justify-between">
        <Link href="/" className="flex items-center gap-2 hover:opacity-80">
          <Sparkles className="w-5 h-5 text-accent" />
          <span className="font-bold">ZeroPost</span>
        </Link>
        <div className="flex items-center gap-3">
          <span className="text-sm text-gray-500 hidden sm:inline">{user?.email}</span>
          <button onClick={logout} className="btn-ghost p-2" title="Выйти">
            <LogOut className="w-4 h-4" />
          </button>
        </div>
      </div>
    </header>
  );
}