import { RootState, useSelector } from "../state/Store";
import i18n from "./i18n";

type LanguageGateProps = {
	children: any; 
}

/**
 * Gate to handle language update at startup and on every dispatch
 * @param props the children to render
 */
const LanguageGate = (props: LanguageGateProps) => {
	const language = useSelector((state: RootState) => state.language.value);
	i18n.changeLanguage(language);
	return props.children;
}

export default LanguageGate;