import { useState } from 'react';

export type UseAsyncResult<T> = [
  T | undefined,
  (...args: any[]) => Promise<void>,
  boolean,
  undefined | Error,
];

export type UseDeleteResult<T> = [
  (...args: any[]) => Promise<void>,
  boolean,
  undefined | Error,
];

export const useAsync = <T>(
  method: (...args: any[]) => Promise<any>,
): UseAsyncResult<T> => {
  const [data, setData] = useState();
  const [error, setError] = useState();
  const [loading, setLoading] = useState(false);
  const fetch = async (...opts: any[]) => {
    setLoading(true);
    setError(undefined);
    try {
      const res = await method(...opts);
      setData(res);
    } catch (err) {
      setData(undefined);
      setError(err);
    } finally {
      setLoading(false);
    }
  };

  return [data, fetch, loading, error];
};