import "./sparkline.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface SparklineProps extends StyleProps {
    /**
     * Series of values in chronological order. Two or more required to draw
     * a line; one value or empty renders an empty box of the requested
     * height (preserves layout while data loads).
     */
    data: number[];
    /** Pixel height of the chart. Default 32. */
    height?: number;
    /** Pixel width. Default 100. */
    width?: number;
    /** Stroke color. Defaults to the neutral ink the sheet declares. */
    color?: string;
    /** Whether to fill the area under the line. Default false. */
    filled?: boolean;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * Compact line trend, ~40px tall. Sits next to a metric to answer "is
 * this good?" — static numbers answer "what" but not "trending up or
 * down". Used in dashboards (Stripe, Mercury, Linear all ship this
 * pattern).
 *
 * The SVG viewport is drawn at the requested size whether or not there is a
 * series to plot, so a row does not reflow when the data lands.
 */
export declare function Sparkline(props: SparklineProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;