"use client";
import { components } from "../../lib/gen";
import { useAudio } from "./AudioContext";
import SearchInput from "./SearchInput";

type User = components["schemas"]["SimpleProfileInfoSchema"];

export default function Navbar() {
  // Access AudioProvider context if needed
  const audio = useAudio();

  // Placeholder for global search handler
  const handleGlobalSearch = (user: User | string) => {
    // TODO: Implement global search context or routing
    console.log("Global search:", user);
  };

  return (
    <div className="sticky top-0 z-50 bg-background/80 backdrop-blur-md border-b border-black/[.08] dark:border-white/[.145] h-16 flex items-center">
      <div className="max-w-2xl mx-auto w-full px-4">
        <SearchInput onSearch={handleGlobalSearch} />
      </div>
    </div>
  );
}