import Link from 'next/link'
import { FiGithub, FiTwitter, FiBook, FiCode, FiCpu, FiMenu, FiSettings, FiSearch } from 'react-icons/fi'

export default function Header() {
  return (
    <header className="bg-sidebar text-white shadow-lg sticky top-0 z-50">
      <div className="container mx-auto px-4 py-3 flex justify-between items-center">
        <div className="flex items-center space-x-2">
          <FiCode className="text-2xl text-primary" />
          <h1 className="text-xl font-bold">
            <Link href="/" className="hover:text-gray-200 transition-colors">
              SMH-FULL-CODE
            </Link>
          </h1>
        </div>
        <div className="flex items-center space-x-4">
          <div className="hidden md:flex items-center space-x-6">
            <Link href="/editor" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
              <FiCpu className="text-sm" />
              <span>Editor</span>
            </Link>
            <Link href="/models" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
              <FiBook className="text-sm" />
              <span>Models</span>
            </Link>
            <Link href="/docs" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
              <FiCode className="text-sm" />
              <span>Docs</span>
            </Link>
          </div>
          <div className="flex items-center space-x-4">
            <Link
              href="https://github.com/microsoft/vscode"
              className="hover:text-gray-200 transition-colors"
              target="_blank"
              rel="noopener noreferrer"
              title="VSCode GitHub"
            >
              <FiGithub className="text-xl" />
            </Link>
            <Link
              href="https://huggingface.co/spaces/akhaliq/anycoder"
              className="text-sm hover:text-gray-200 transition-colors flex items-center space-x-1"
              target="_blank"
              rel="noopener noreferrer"
            >
              <span>Built with</span>
              <span className="font-bold">anycoder</span>
            </Link>
          </div>
        </div>
      </div>
    </header>
  )
}