import React, { ReactNode } from 'react';
import { AxiosRequestConfig } from 'axios';
import { CardProps, TypographyProps } from '@mui/material';
import { StringTranslation } from '../../../types';
import { ImprovementChipProps } from './ImprovementChip';
export interface FetchedValue {
    baseURL: string;
    endpoint: string;
    config?: AxiosRequestConfig;
}
export interface StyledValueProps {
    value?: number | string | Date | FetchedValue;
    previousValue?: number | string | Date | FetchedValue;
    formatOptions?: Partial<Intl.DateTimeFormatOptions | Intl.NumberFormatOptions>;
    caption: string | StringTranslation;
    details?: string | StringTranslation;
    icon?: ReactNode;
    framed?: boolean;
    raised?: boolean;
    backgroundColor: string;
    valueTypographyProps?: TypographyProps;
    captionTypographyProps?: TypographyProps;
    detailsTypographyProps?: TypographyProps;
    cardProps?: CardProps;
    loading?: boolean;
    onCardClick?: (e: React.MouseEvent<HTMLElement>) => void;
    improvementChipProps?: Pick<Partial<ImprovementChipProps>, 'isIncreasePositive' | 'stationaryTolerance' | 'color'>;
}
declare const StyledValue: React.FC<StyledValueProps>;
export default StyledValue;
//# sourceMappingURL=StyledValue.d.ts.map