import { logoutAction } from "@/app/admin/login/actions";
import { LogOut } from "lucide-react";

export function AdminTopbar({ email, name }: { email: string; name?: string }) {
  return (
    <div className="flex items-center justify-between border-b border-[var(--border)] bg-white px-6 py-3 md:px-10">
      <div>
        <p className="text-xs text-[var(--muted)]">Giriş yapan</p>
        <p className="text-sm font-medium text-[var(--navy)]">
          {name || email}
        </p>
      </div>
      <form action={logoutAction}>
        <button
          type="submit"
          className="inline-flex items-center gap-2 rounded-lg border border-[var(--border)] bg-white px-3 py-1.5 text-xs font-medium text-[var(--muted)] transition hover:border-red-300 hover:text-red-600"
        >
          <LogOut className="size-3.5" />
          Çıkış
        </button>
      </form>
    </div>
  );
}