25 lines
510 B
TypeScript
25 lines
510 B
TypeScript
import React from "react";
|
|
|
|
import { LocaleConsumer } from "../Locale";
|
|
|
|
export interface IMoney {
|
|
amount: number;
|
|
currency: string;
|
|
}
|
|
export interface MoneyProps {
|
|
money: IMoney;
|
|
}
|
|
|
|
export const Money: React.StatelessComponent<MoneyProps> = ({ money }) => (
|
|
<LocaleConsumer>
|
|
{({ locale }) => {
|
|
return money.amount.toLocaleString(locale, {
|
|
currency: money.currency,
|
|
style: "currency"
|
|
});
|
|
}}
|
|
</LocaleConsumer>
|
|
);
|
|
|
|
Money.displayName = "Money";
|
|
export default Money;
|