import { default as React } from 'react';
import { HeaderMetricProps } from '../../HeaderMetric/HeaderMetric';
type HeaderMetricType = {
    /** Display title for popover chart */
    title: string;
    /** Main numerical display value at the top of the chart */
    value: number;
    /** Is the chart loading */
    loading?: boolean;
    /** The change value to be displayed (second displayed metric) */
    change?: number;
    /** Currency object that includes currency code & symbol */
    currency?: {
        currencyCode: string;
        currencySymbol: string;
    };
    /** The change percentage (third displayed metric) */
    pctChange?: number;
    /** Value type of display numbers (must be either percentage or number) */
    formatType?: 'percentage' | 'number';
} & HeaderMetricProps;
export type SparklineProps = {
    /** Array of graph data object [{data_key: value, period_key: date }, ...] */
    graphData: Array<Record<string, unknown>>;
    /** Main graph line color. Accepted values are 'green', 'red', 'blue', or 'purple' (default is 'blue'). The dark variant of the selected color will be applied. */
    graphColor: 'green' | 'red' | 'blue' | 'purple';
    /** The string format for the display date (default: 'MMM Do'); for hours:minutes use 'h:mm' */
    customDateFormat?: string;
    /** The change value to be displayed (second displayed metric) */
    changeValue?: number;
    /** connects valid data points across null values (no data point is given to null values) */
    connectNulls?: boolean;
    /** The key for the values of the data in the chartData object (default = 'data_point') */
    dataKey?: string;
    /** Type of data (default: 'number') */
    dataType?: 'number' | 'currency' | 'percentage' | 'sales';
    /** Max domain value to display (must provide domainMin also) */
    domainMax?: number;
    /** Min domain value to display (must provide domainMax also) */
    domainMin?: number;
    /** All HeaderMetric props allowed */
    headerMetricProps: HeaderMetricType;
    /** Optional HeaderMetric props allowed for secondary metric. The metric is not used for graph plotting but as an additional info metric */
    secondaryHeaderMetricProps?: HeaderMetricType;
    /** Hide sparkline preview */
    hideSparklinePreview?: boolean;
    /** Y-axis domain inverted */
    invertYAxis?: boolean;
    /** Time period object key (default: 'date') */
    periodKey?: string;
    /** Secondary display object */
    secondaryDisplay?: () => React.JSX.Element;
    /** Show trophy icon in front of display value in header */
    showTrophy?: boolean;
    /** Average/Threshold line color (default is the same as labelColor) */
    thresholdColor?: 'green' | 'red' | 'blue';
    /** The key for the data value representing the average/threshold value in the graph (default = 'threshold') */
    thresholdKey?: string;
    sparklineContainerDimension?: {
        height?: number | `${number}%`;
        width?: number | `${number}%`;
    };
    /** Optional prop to add a test id to the SparklineWithTooltip for QA testing */
    qaTestId?: string;
    /** Optional prop to hide decimal values on the Y-axis */
    hideDecimalOnYAxis?: boolean;
};
declare const Sparkline: ({ customDateFormat, connectNulls, dataType, dataKey, domainMax, domainMin, graphColor, graphData, headerMetricProps, secondaryHeaderMetricProps, hideSparklinePreview, invertYAxis, periodKey, secondaryDisplay, thresholdColor, thresholdKey, sparklineContainerDimension, qaTestId, hideDecimalOnYAxis, }: SparklineProps) => React.JSX.Element;
export default Sparkline;