import { useState, useEffect } from 'react';
import { fetchOrderCameras } from '../../services/alarm';

function useAlarmCameras(id: string) {
  const [data, setData] = useState<{
    cameras: any[];
    gbCameras: any[];
    playbacks: any[];
  }>({
    cameras: [],
    gbCameras: [],
    playbacks: [],
  });
  const [loading, setLoading] = useState<boolean>(false);
  useEffect(() => {
    if (id) {
      setLoading(true);
      fetchOrderCameras(id).then(ret => {
        ret?.data && setData(ret?.data);
        setLoading(false);
      });
    }
  }, [id]);
  return [data, loading];
}

export default useAlarmCameras;