// app/components/Header.tsx
"use client";

import Link from "next/link";

export default function Header() {
  return (
    <header className="p-5 bg-gray-800 text-white">
      <nav className="flex justify-between items-center">
        <h1 className="text-lg font-bold">My Portfolio</h1>
        <ul className="flex space-x-4 items-center">
          <li>
            <Link href="#about" className="hover:underline">
              About
            </Link>
          </li>
          <li>
            <Link href="#projects" className="hover:underline">
              Projects
            </Link>
          </li>
          <li>
            <Link href="#contact" className="hover:underline">
              Contact
            </Link>
          </li>
          {/* DarkModeToggle removed */}
        </ul>
      </nav>
    </header>
  );
}