import Link from "next/link";

// Slim header for the public (no-auth) surface: /p/* and /explore.
export function PublicHeader() {
  return (
    <header className="border-b border-[var(--border)]">
      <div className="mx-auto flex max-w-5xl items-center justify-between px-4 py-3">
        <Link href="/" aria-label="Provenance — home" className="flex items-center">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img src="/provenance-logo-plain.svg" alt="Provenance" className="h-6 w-auto" />
        </Link>
        <nav className="flex items-center gap-4 text-sm">
          <Link href="/explore" className="text-[var(--muted)] hover:text-[var(--foreground)]">
            Explore
          </Link>
          <Link href="/login" className="text-bronze hover:underline">
            Sign in
          </Link>
        </nav>
      </div>
    </header>
  );
}