Types

import type {
  INumericText,
  NumericTextTypographyProps,
  NumericTextTransitionProps,
  NumericTextAlignment,
  NumericTextDirection,
  NumericTextFontWeight,
  NumericTextFontStyle,
} from 'expo-content-transition';

interface INumericText extends NumericTextTypographyProps, NumericTextTransitionProps {
  value: string | number;
  alignment?: NumericTextAlignment;
  decimalSeparator?: string;
  style?: StyleProp<TextStyle>;
}

interface NumericTextTypographyProps {
  fontSize?: number;
  fontWeight?: NumericTextFontWeight;
  fontStyle?: NumericTextFontStyle;
  fontFamily?: string;
  letterSpacing?: number;
  color?: string;
  monospacedDigits?: boolean;
}

interface NumericTextTransitionProps {
  direction?: NumericTextDirection;
  duration?: number;
  bounce?: number;
  enterScale?: number;
  travel?: number;
  blur?: boolean;
  blurIntensity?: number;
  maxBlurRadius?: number;
  clip?: boolean;
  animated?: boolean;
}

import { NumericText, type NumericTextTransitionProps } from 'expo-content-transition';

export function Amount({ value, ...transition }: { value: number } & NumericTextTransitionProps) {
  return (
    <NumericText
      value={value.toFixed(2)}
      fontSize={32}
      fontWeight="600"
      monospacedDigits
      bounce={0.3}
      {...transition}
    />
  );
}