import * as React from 'react';
type SparklineVariant = 'line' | 'area' | 'column';
interface SparklinePoint {
    index: number;
    value: number;
    label?: string;
}
interface SparklineProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
    /** **Required.** The series to plot. */
    data: number[];
    /** Per-point labels (e.g. dates), surfaced in the tooltip and to `SparklineLabel`. */
    labels?: string[];
    /**
     * Accent for the line, fill, indicator, and tooltip swatch. Any CSS color.
     * @default var(--primary)
     */
    color?: string;
    /** Formatting for displayed values (`SparklineValue`, tooltip). */
    format?: Intl.NumberFormatOptions;
    /** Locale used by `Intl.NumberFormat`. */
    locale?: Intl.LocalesArgument;
    /** Fires when the hovered point changes; `null` on pointer leave. */
    onActiveChange?: (point: SparklinePoint | null) => void;
}
declare function Sparkline({ data, labels, color, format, locale, onActiveChange, className, style, children, ...props }: SparklineProps): React.JSX.Element;
interface SparklineChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
    /**
     * The layout.
     * @default 'line'
     */
    variant?: SparklineVariant;
    /**
     * Line smoothing from `0` (straight) to `1` (fully rounded). Line/area only.
     * @default 0.5
     */
    curve?: number;
    /**
     * **`line` only.** Add a gradient fill from the line to the bottom edge. Area is always filled.
     * @default false
     */
    fill?: boolean;
    /**
     * The pivot the fill/bars grow from; values below it render below. Area and column.
     * @default 0
     */
    baseline?: number;
    /**
     * Chart height, in pixels.
     * @default 48
     */
    height?: number;
    /**
     * Line thickness, in pixels. Line/area only.
     * @default 2
     */
    strokeWidth?: number;
    /**
     * Show the hover indicator (dot + guide, or the active-column highlight).
     * @default true
     */
    indicator?: boolean;
    /**
     * Float a tooltip at the hovered point.
     * @default false
     */
    tooltip?: boolean;
    /** Render custom tooltip content instead of the default swatch + value. Implies `tooltip`. */
    renderTooltip?: (point: SparklinePoint) => React.ReactNode;
}
declare function SparklineChart({ variant, curve, fill, baseline, height, strokeWidth, indicator, tooltip, renderTooltip, className, style, role, 'aria-label': ariaLabel, ...props }: SparklineChartProps): React.JSX.Element | null;
type SparklineValueProps = Omit<React.ComponentProps<'span'>, 'children'> & {
    /** Render function to fully customize the displayed text. Omit for the number. */
    children?: (formatted: string, value: number) => React.ReactNode;
};
declare function SparklineValue({ className, children, ...props }: SparklineValueProps): React.JSX.Element;
type SparklineLabelProps = Omit<React.ComponentProps<'span'>, 'children'> & {
    /** Render function to customize the displayed text. Omit for the raw label. */
    children?: (label: string, point: SparklinePoint) => React.ReactNode;
};
declare function SparklineLabel({ className, children, ...props }: SparklineLabelProps): React.JSX.Element | null;
export { Sparkline, SparklineChart, SparklineValue, SparklineLabel };
export type { SparklineProps, SparklineChartProps, SparklineValueProps, SparklineLabelProps, SparklinePoint };
//# sourceMappingURL=sparkline.d.ts.map