import React from 'react'; import { Props, Variables } from '../../../common'; import { IHintWrapperProps } from '../../Formats/HintWrapper/HintWrapper'; interface ICurrencyTextProps { /** Monetary value to display */ value?: string | number; /** Monetary value text type */ valueType?: Props.TypographyType; /** Currency prefix to display */ prefix?: string; /** Currency prefix text type */ prefixType?: Props.TypographyType; /** decimal place to display */ decimalPlace?: number; /** Vertically aligns the currency prefix and monetary value */ flexAlign?: boolean; /** The options for the hint to apply to the value */ valueHintComponentProps?: IHintWrapperProps; /** Monetary value text color */ valueColor?: Variables.Color; /** Currency prefix text color */ prefixColor?: Variables.Color; /** If true, will display the text inline */ isInline?: boolean; /** The margins around the component */ margins?: Props.IMargins; /** The data-cy */ componentContext?: string; /** Specify whether the number should be displayed in monospace */ monospace?: boolean; } declare type Formatter = (value: string | number, decimalPlace?: number, locale?: string) => string; declare const CurrencyText: React.FC> & { formatter: Formatter; }; export { CurrencyText, ICurrencyTextProps };