import { useEffect } from "react";
import { booleanString, useReactorNavigation } from "../.."
/**
* Componente que permite llamar a distintos hooks en un solo momento
* @name Reactor.Components.Templates.CallerAsync
* @param {string} to Lista de hooks separados por espacios
* @param {string} guid Identificador que sirve para llamar nuevamente al hook sin tener que refrescar el componente
* @param {BooleanString} debug Establece el envio de datos a la consola para depuracion
* @class
* @example
<caller_async to="gancho1 gancho2 gancho3" guid="3215646524156"></caller_async>
*/
export const CallerAsync = ({to, guid, debug = "false"}) => {
const { ToCallAsync } = useReactorNavigation({});
useEffect(()=>{
if(booleanString(debug)){
console.log({to, guid})
}
to && to.split(" ").forEach(h => ToCallAsync(h))
}, [to, guid]);
return <></>;
}