import { useState, useEffect } from 'react';
import axios from 'axios';
import { BASE_URL } from '@/constants';

const useFetch = (url: string) => {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);

  const fetch = () => {
    setLoading(true);
    axios.get(BASE_URL + url)
      .then((response) => {
        setData(response.data);
      })
      .catch((error) => {
        setError(error);
      })
      .finally(() => {
        setLoading(false);
      });
  };

  useEffect(() => {
    fetch();
  }, [url]);

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


export default useFetch;