src/components/ClientNavbar.tsx

'use client';

import React from "react";
import UserSearchDialog from "./UserSearchDialog";
import ThemeToggle from "./ThemeToggle";

const Navbar: React.FC = () => {
  return (
    <nav className="w-full mt-4">
      <div className="max-w-6xl mx-auto px-4 py-3">
        <div className="flex items-center justify-end gap-3">
          <ThemeToggle />
          <UserSearchDialog />
        </div>
      </div>
    </nav>
  );
};

export default Navbar;