import React , { useContext } from 'react' ; import { createContext , ReactNode } from 'react' ; import { Fuego } from '../classes/Fuego' ; type Context = { fuego : Fuego ; } ; export const FuegoContext = createContext < Context > ( null ) ; type Props = { children : ReactNode ; fuego : Fuego ; } ; export let fuego ; export const setFuego = ( f ) => ( fuego = f ) ; export const useFuegoContext = ( ) => { const context = useContext ( FuegoContext ) ; return context ; } ; export const FuegoProvider = ( { children , fuego } ) => { setFuego ( fuego ) ; return ( < FuegoContext . Provider value = { { fuego } } > { children } < /FuegoContext.Provider>); } ;