import Link from "next/link";

export default function Header() {
  return (
    <header className="bg-gray-900 text-white shadow-md">
      <nav className="flex justify-between items-center max-w-7xl mx-auto p-4">
        {/* Logo */}
        <h1 className="text-2xl font-bold tracking-wide">
          <Link href="/" className="hover:text-gray-300">
            Print Auftrag
          </Link>
        </h1>

        {/* Navigation Links */}
        <ul className="flex space-x-6 text-lg">
          <li>
            <Link
              href="/generateFlaechendruck"
              className="hover:text-gray-300 transition-colors duration-200"
            >
              PDF Generating
            </Link>
          </li>
          <li>
            <Link
              href="/"
              className="hover:text-gray-300 transition-colors duration-200"
            >
              Vorlagen
            </Link>
          </li>
        </ul>
      </nav>
    </header>
  );
}