33 lines
939 B
TypeScript
33 lines
939 B
TypeScript
// Copyright 2018 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
|
|
import type {
|
|
LocalizerType,
|
|
ICUJSXMessageParamsByKeyType,
|
|
} from '../types/Util.js';
|
|
import { strictAssert } from '../util/assert.js';
|
|
|
|
export type Props<Key extends keyof ICUJSXMessageParamsByKeyType> = {
|
|
/** The translation string id */
|
|
id: Key;
|
|
i18n: LocalizerType;
|
|
} & (ICUJSXMessageParamsByKeyType[Key] extends undefined
|
|
? {
|
|
components?: ICUJSXMessageParamsByKeyType[Key];
|
|
}
|
|
: {
|
|
components: ICUJSXMessageParamsByKeyType[Key];
|
|
});
|
|
|
|
export function I18n<Key extends keyof ICUJSXMessageParamsByKeyType>({
|
|
components,
|
|
id,
|
|
// Indirection for linter/migration tooling
|
|
i18n: localizer,
|
|
}: Props<Key>): JSX.Element | null {
|
|
strictAssert(id != null, 'Error: <I18n> id prop not provided');
|
|
const intl = localizer.getIntl();
|
|
return <>{intl.formatMessage({ id }, components, {})}</>;
|
|
}
|