import { useState, useEffect } from "react";
import axios from "axios";
import { BASE_URL } from "config/api";

axios.defaults.baseURL = BASE_URL;

const useAxios = ({ url, method, body = null, headers = null }) => {
  const [data, setData] = useState(null);
  const [message, setMessage] = useState("");
  const [error, setError] = useState("");
  const [loading, setloading] = useState(true);

  const fetchData = () => {
    axios[method](url, JSON.parse(headers), JSON.parse(body))
      .then(({ data: resBody }) => {
        setData(resBody.data);
        setMessage(resBody.message);
      })
      .catch((err) => setError(err))
      .finally(() => setloading(false));
  };

  useEffect(() => {
    fetchData();
  }, [method, url, body, headers]);

  return { data, error, loading, message };
};

export default useAxios;