'use client';

import { ConnectButton } from '@rainbow-me/rainbowkit';
import Link from 'next/link';

export function Header() {
  return (
    <header className="flex items-center justify-between mb-6">
      <Link href="/" className="flex items-center gap-2">
        <div className="w-8 h-8 rounded-lg bg-accent flex items-center justify-center text-black font-bold text-sm">
          V
        </div>
        <span className="font-semibold text-white">Vaultfire</span>
      </Link>
      <ConnectButton
        accountStatus="avatar"
        chainStatus="none"
        showBalance={false}
      />
    </header>
  );
}
