import UserSearch from "@/components/form/UserSearch";
import NavBar from "@/components/navigation/NavBar";
import { useFriends } from "@/hooks/useFriends";
import { useUser } from "@/hooks/useUser";

const Search = () => {
  const user = useUser()
  const friends = useFriends()
  return (
    <div>
      <NavBar user={user} /> 
        <div className="pt-20 p-3 max-w-4xl mx-auto">
          <UserSearch limit={100} friends={friends}/>
        </div>
      
    </div>
  )
}

export default Search;