import Link from 'next/link'

export function PageHeader() {
  return (
    <header className="bg-cyber-dark border-b border-neon-cyan/30 shadow-glow-cyan">
      <div className="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold text-neon-cyan text-glow-cyan font-mono">zapwall.fr</h1>
        <div className="flex items-center gap-4">
          <Link
            href="/docs"
            className="px-4 py-2 text-cyber-accent hover:text-neon-cyan text-sm font-medium transition-colors border border-cyber-accent/30 hover:border-neon-cyan/50 rounded hover:shadow-glow-cyan"
          >
            Documentation
          </Link>
          <Link
            href="/publish"
            className="px-4 py-2 bg-neon-cyan/20 hover:bg-neon-cyan/30 text-neon-cyan rounded-lg text-sm font-medium transition-all border border-neon-cyan/50 hover:shadow-glow-cyan"
          >
            Publish Article
          </Link>
        </div>
      </div>
    </header>
  )
}
