react-intl
Version:
Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
26 lines (25 loc) • 867 B
JavaScript
/*
* Copyright 2015, Yahoo Inc.
* Copyrights licensed under the New BSD License.
* See the accompanying LICENSE file for terms.
*/
import * as React from 'react';
import withIntl from './injectIntl';
const FormattedPlural = props => {
const { value, other, children, intl: { formatPlural, textComponent: Text }, } = props;
let pluralCategory = formatPlural(value, props);
let formattedPlural = props[pluralCategory] || other;
if (typeof children === 'function') {
return children(formattedPlural);
}
if (Text) {
return React.createElement(Text, null, formattedPlural);
}
// Work around @types/react where React.FC cannot return string
return formattedPlural;
};
FormattedPlural.defaultProps = {
type: 'cardinal',
};
FormattedPlural.displayName = 'FormattedPlural';
export default withIntl(FormattedPlural);