import { default as React } from 'react';
import { Line, LineChart, YAxis } from 'recharts';
/** Recharts v3 dimension type - accepts number or percentage string like '100%' */
type DimensionValue = number | `${number}%`;
type SparkLineType = {
    /** ClassName to be applied to the ResponsiveContainer */
    containerClassName?: string;
    /** Object key where the data points are stored */
    dataKey: string;
    /** The graph data (example: [{dataKey: number, date: 'YYYY-MM-DD', threshold: dashed_line_value}] ) */
    graphData: Array<Record<string, unknown>>;
    /** Props to be passed to the Line component {accepts all Rechart `Line` Props} */
    lineProps?: React.ComponentPropsWithoutRef<typeof Line>;
    /** Props to be passed to the LineChart component {accepts all Rechart `LineChart` Props} */
    lineChartProps?: React.ComponentPropsWithoutRef<typeof LineChart>;
    /** Specifies the line color. Accepted values are 'green', 'red', 'blue', or 'purple' (default is 'blue'). The dark variant of the selected color will be applied. */
    strokeColor?: 'red' | 'green' | 'blue' | 'purple';
    /** Color of the dashed threshold line; expect 'green', 'red', or 'blue' (default: blue) */
    thresholdColor?: string;
    /** Object key where the threshold data value is stored */
    thresholdKey?: string;
    /** Props to be passed to the YAxis component {accepts all Rechart `YAxis` Props} */
    yAxisProps?: React.ComponentPropsWithoutRef<typeof YAxis>;
    customDimension?: {
        height?: DimensionValue;
        width?: DimensionValue;
    };
    /** Optional prop to add a test id for QA testing */
    qaTestId?: string;
};
declare const SparkLine: ({ containerClassName, dataKey, graphData, strokeColor, thresholdColor, thresholdKey, lineProps, lineChartProps, yAxisProps, customDimension, qaTestId, }: SparkLineType) => React.JSX.Element;
export default SparkLine;