import * as langProvider from '../util/langProvider';
import { useState } from '../lib/teact/teact';

const useLangString = (
  langCode: string | undefined,
  key: string,
  shouldIgnoreSameValue = false,
): string | undefined => {
  const [translation, setTranslation] = useState<string>();

  if (langCode) {
    langProvider
      .getTranslationForLangString(langCode, key)
      .then((value) => {
        // The string is not translated, maybe the language pack was not loaded due to network errors or a timeout
        if (shouldIgnoreSameValue && value === key) {
          return;
        }
        setTranslation(value);
      });
  }

  return translation;
};

export default useLangString;