import { useMutation, useQuery } from "@tanstack/react-query";
import Axios from "../utils/ApiConfiguration";
/**
 * Custom hook to fetch a list of bonuses.
 *
 * @returns {import("@tanstack/react-query").UseQueryResult} The query result object.
 *
 * @example
 * const { data, isLoading, isError } = useGetBonusList();
 * if (isLoading) {
 *   return <div>Loading...</div>;
 * }
 * if (isError) {
 *   return <div>Error loading bonuses</div>;
 * }
 * return (
 *   <div>
 *     {data.map((bonus) => (
 *       <div key={bonus.id}>{bonus.name}</div>
 *     ))}
 *   </div>
 * );
 */
export const useGetBonusList = () =>
  useQuery({
    queryKey: ["bonuses"],
    queryFn: () => Axios.get("bonus/"),
    refetchOnWindowFocus: false,
  });