import { ComponentPropsWithRef, ReactNode } from 'react';
type PrimaryMetadata = {
    primaryMetadata: string;
    primaryMetadataIconName: string;
} | {
    primaryMetadata?: string;
    primaryMetadataIconName?: undefined;
};
type SecondaryMetadata = {
    secondaryMetadata: string;
    secondaryMetadataIconName: string;
} | {
    secondaryMetadata?: string;
    secondaryMetadataIconName?: undefined;
};
export type MetricColor = 'default' | 'success' | 'warning' | 'danger';
export type ComparisonType = 'positive' | 'neutral' | 'negative' | 'positive-down' | 'negative-up';
type TrendComparisonProps = {
    comparisonType: ComparisonType;
    comparisonValue: string;
    comparisonText: string;
    comparisonAccessibilityLabel: string;
} | {
    comparisonType?: undefined;
    comparisonValue?: undefined;
    comparisonText?: undefined;
    comparisonAccessibilityLabel?: undefined;
};
type MetricCommonProps = {
    count: string;
    title: ReactNode;
    iconName?: string;
    isLoading?: boolean;
    color?: MetricColor;
    loadingAccessibilityLabel?: string;
};
type HtmlDivProps = ComponentPropsWithRef<'div'>;
export type MetricProps = MetricCommonProps & PrimaryMetadata & SecondaryMetadata & TrendComparisonProps & HtmlDivProps;
export declare function Metric({ count, title, iconName, color, primaryMetadata, primaryMetadataIconName, secondaryMetadata, secondaryMetadataIconName, comparisonType, comparisonValue, comparisonText, comparisonAccessibilityLabel, isLoading, loadingAccessibilityLabel, ...props }: MetricProps): import("react/jsx-runtime").JSX.Element;
export default Metric;