import Link from 'next/link'
import { ConditionalPublishButton } from './ConditionalPublishButton'
import { LanguageSelector } from './LanguageSelector'
import { t } from '@/lib/i18n'

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">
        <Link href="/" className="text-2xl font-bold text-neon-cyan text-glow-cyan font-mono hover:text-neon-green transition-colors">
          {t('home.title')}
        </Link>
        <div className="flex items-center gap-4">
          <LanguageSelector />
          <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"
          >
            {t('nav.documentation')}
          </Link>
          <ConditionalPublishButton />
        </div>
      </div>
    </header>
  )
}