import { useQuery } from "@tanstack/react-query";
import { getAutoComplete } from "@/apis/autoCompleteApi";
import { useDebounce } from "./useDebounce";

export const useAutoComplete = (query: string) => {
  const debouncedQuery = useDebounce(query, 300);

  return useQuery({
    queryKey: ["autoComplete", debouncedQuery],
    queryFn: () => getAutoComplete(debouncedQuery),
    enabled: !!debouncedQuery,
  });
};