import Link from 'next/link'
import { ConnectButton } from '@/components/ConnectButton'

export function PageHeader() {
  return (
    <header className="bg-white shadow-sm">
      <div className="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold text-gray-900">zapwall4Science</h1>
        <div className="flex items-center gap-4">
          <Link
            href="/docs"
            className="px-4 py-2 text-gray-600 hover:text-gray-800 text-sm font-medium transition-colors"
          >
            Documentation
          </Link>
          <Link
            href="/publish"
            className="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium transition-colors"
          >
            Publish Article
          </Link>
          <ConnectButton />
        </div>
      </div>
    </header>
  )
}