1  import { Link } from 'react-router-dom'
 2  import WalletConnect from '../auth/WalletConnect'
 3  import ThemeToggle from './ThemeToggle'
 4  
 5  export default function Header() {
 6    return (
 7      <header className="border-b border-border-primary bg-bg-secondary transition-colors">
 8        <div className="container mx-auto px-4 py-3 flex items-center justify-between">
 9          <div className="flex items-center gap-6">
10            <Link to="/" className="text-xl font-bold text-text-primary">
11              ACDC Forge
12            </Link>
13            <nav className="flex gap-4">
14              <Link
15                to="/repos"
16                className="text-text-secondary hover:text-text-primary transition-colors"
17              >
18                Repositories
19              </Link>
20              <Link
21                to="/votes"
22                className="text-text-secondary hover:text-text-primary transition-colors"
23              >
24                Votes
25              </Link>
26              <Link
27                to="/governors"
28                className="text-text-secondary hover:text-text-primary transition-colors"
29              >
30                Governors
31              </Link>
32            </nav>
33          </div>
34          <div className="flex items-center gap-3">
35            <ThemeToggle />
36            <WalletConnect />
37          </div>
38        </div>
39      </header>
40    )
41  }