saleor-dashboard/src/components/Money/Money.tsx

import React from "react";

import { LocaleConsumer } from "../Locale";

export interface IMoney {
  amount: number;
  currency: string;
}
export interface MoneyProps {
  money: IMoney | null;
}

export const Money: React.FC<MoneyProps> = ({ money }) =>
  money ? (
    <LocaleConsumer>
      {({ locale }) =>
        money.amount.toLocaleString(locale, {
          currency: money.currency,
          style: "currency"
        })
      }
    </LocaleConsumer>
  ) : (
    <>-</>
  );

Money.displayName = "Money";
export default Money;