import { useEffect, useState } from "react";
import { GET_ROAD_ITEMS_SUB_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";

const useRoadItemGetItems = (id) => {
    const requestServer = useRequest();
    const [subItemsList, setSubItemsList] = useState([]);
    const [loadingSubItemsList, setLoadingSubItemsList] = useState(true);
    const [errorSubItemsList, setErrorSubItemsList] = useState(null);

    useEffect(() => {
        const fetchSubItems = async () => {
            try {
                const response = await requestServer(`${GET_ROAD_ITEMS_SUB_ITEM}/${id}`);
                setSubItemsList(response.data.data);
                setLoadingSubItemsList(false);
            } catch (e) {
                setErrorSubItemsList(e);
                setLoadingSubItemsList(false);
            }
        };

        fetchSubItems();
    }, []);

    return { subItemsList, loadingSubItemsList, errorSubItemsList };
};

export default useRoadItemGetItems;