1  import { Link } from "react-router-dom";
 2  import { ThemeToggle } from "../components/ThemeToggle";
 3  import { useTheme } from "../contexts/ThemeContext";
 4  
 5  export const Navbar = () => {
 6    const { isDarkMode } = useTheme();
 7  
 8    return (
 9      <nav
10        className={`${
11          isDarkMode ? "bg-gray-900" : "bg-gray-600"
12        } p-4 text-white transition-colors duration-200 border-b border-b-1 border-indigo-500`}
13      >
14        <div className="container mx-auto flex justify-between items-center">
15          <Link to="/" className="text-xl font-bold">
16            Golem Workers Dashboard
17          </Link>
18          <div className="flex items-center space-x-4">
19            <Link to="/" className="hover:text-gray-300">Home</Link>
20            <Link to="/clusters" className="hover:text-gray-300">Clusters</Link>
21            <Link to="/offers" className="hover:text-gray-300">Offers</Link>
22            <ThemeToggle />
23          </div>
24        </div>
25      </nav>
26    );
27  };