import { useQueryData } from '@gpustack/core-ui';
import { useCallback } from 'react';
import { queryGPUServiceTemplates } from '../apis';
import { ListItem } from '../config/types';

export default function useQueryTemplates() {
  const fetchDetail = useCallback(
    (params: Global.SearchParams = { page: 1, perPage: 100 }, options?: any) =>
      queryGPUServiceTemplates(params, options),
    []
  );

  const { detailData, loading, cancelRequest, fetchData } = useQueryData<
    Global.PageResponse<ListItem>,
    Global.SearchParams
  >({
    fetchDetail,
    key: 'templates'
  });

  return {
    detailData,
    loading,
    cancelRequest,
    fetchData
  };
}
