import { apiClient } from "@/lib/api-client";
import { useQuery, keepPreviousData } from "@tanstack/react-query";
import { TGroupResponse } from "../../types/groups.type";

export const useGetGroupsQuery = ({page = 1, search = ""}: { page: number; search: string }) => {
  return useQuery<TGroupResponse, Error>({
    queryKey: ["groups", page, search],
    placeholderData: keepPreviousData,
    queryFn: async () => {
      const response = await apiClient.get<TGroupResponse>(`/api/home/groups/?page=${page}&search=${search}`);
      return response;
    },
  });
}