import Link from 'next/link'

export default function Header() {
  return (
    <header className="bg-white shadow-sm sticky top-0 z-50">
      <nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between items-center h-16">
          {/* Logo */}
          <Link href="/" className="flex items-center space-x-2">
            <span className="text-2xl font-bold text-primary-600">B</span>
            <span className="text-xl font-bold text-gray-900 font-burmese">
              Burmddit
            </span>
          </Link>

          {/* Navigation */}
          <div className="hidden md:flex space-x-8">
            <Link 
              href="/" 
              className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
            >
              ပင်မစာမျက်နှာ
            </Link>
            <Link 
              href="/category/ai-news" 
              className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
            >
              AI သတင်းများ
            </Link>
            <Link 
              href="/category/tutorials" 
              className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
            >
              သင်ခန်းစာများ
            </Link>
            <Link 
              href="/category/tips-tricks" 
              className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
            >
              အကြံပြုချက်များ
            </Link>
          </div>

          {/* Search Icon */}
          <button className="p-2 text-gray-600 hover:text-primary-600">
            <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
            </svg>
          </button>
        </div>
      </nav>
    </header>
  )
}
