import * as React from "react";
import Polyglot from "node-polyglot";

import { IntlRaw, Intl } from "app/records/Intl";

type Arg = Intl;

type Props = {
  intl: IntlRaw;
  children: (arg: Arg) => React.ReactElement;
};

const InitIntl = ({ intl, children }: Props) =>
  children({
    ...intl,
    t: (k, v) => new Polyglot({ locale: intl.id, phrases: intl.translations }).t(k, v),
  });

export default InitIntl;