i18n Simulator

i18nReactSimulator.tsx

// this is a simulation of react-i18n's API
import React, { ComponentType } from 'react';
import get from 'lodash/get';
import { Diff } from 'utility-types';

type Labels = { [key: string]: string };

export type WithTranslation = { t: (key: string) => string };

export const t = (labels: Labels) => (key: string): string => get(labels, key, key);

export const withTranslation = (labels: Labels) => <T extends WithTranslation>(WrappedComponent: ComponentType<T>) => (
  props: Diff<T, WithTranslation>
) => <WrappedComponent {...(props as T)} t={t(labels)} />;