Add ability to use ReactElements as variables in translations about react-translate HOT 3 CLOSED

const toTemplate = (string) => {
  const expressionRE = /{{\w+}}/g
  return [string.split(expressionRE), ...string.match(expressionRE)]
}

const normalizeValue = (value, key ) => {
  if(value == null || typeof value === "boolean") {
    return value
  }
  if(typeof value === "string" || typeof value === "number") {
    return value
  }
  if(value.$$typeof === Symbol.for("react.element")) {
    return React.cloneElement(value, { key })
  }
}

const createRenderer = (parts, ...expressions) => (values) => {
  return parts.reduce(
    (acc, item, index, array) => {
      if(index === array.length - 1) {
        return [
          ...acc,
          item,
        ]
      }
      const match = expressions[index] && expressions[index].match(/{{(\w+)}}/)
      const value = match != null ? values[match[1]] : null
      return [
        ...acc,
        item,
        normalizeValue(value, index),
      ]
    },
    []
  )
}