import { useState, useEffect } from 'react';
import { FormDataElectrico, FormDataGas } from '../../Interfaces/Interfaces';

interface UseServicioIntegracionProps {
    formDataElectrico: FormDataElectrico;
    formDataGas: FormDataGas;
    comercializadoras: any[];
}

export const useServicioIntegracion = ({
    formDataElectrico,
    formDataGas,
    comercializadoras
}: UseServicioIntegracionProps) => {
    const [servicio_Integracion, setServicio_Integracion] = useState('');
    const [tipoCups, setTipoCups] = useState<string>('');

    useEffect(() => {
        const selectedCom = comercializadoras.find((com: any) =>
            com.CodCom == parseInt(formDataElectrico.comercializadora)
        );
        setTipoCups('luz');
        setServicio_Integracion(selectedCom ? selectedCom.Servicio_Integracion : '');
    }, [formDataElectrico.comercializadora]);

    useEffect(() => {
        const selectedCom = comercializadoras.find((com: any) =>
            com.CodCom == parseInt(formDataGas.comercializadora)
        );
        setTipoCups('gas');
        setServicio_Integracion(selectedCom ? selectedCom.Servicio_Integracion : '');
    }, [formDataGas.comercializadora]);

    return {
        servicio_Integracion,
        tipoCups,
        setServicio_Integracion,
        setTipoCups
    };
};