import { type SaasflareComponentProps } from "../../providers"; /** Visual variant of the spark chart. */ export type SparkChartVariant = "line" | "area" | "bar"; /** Props for the SparkChart component. */ export interface SparkChartProps extends SaasflareComponentProps { /** Series of numeric points (length ≥ 2). */ data: number[]; /** Visual treatment. Default: `"area"`. */ variant?: SparkChartVariant; /** Stroke / fill color (any CSS color). Default: `var(--primary)`. */ color?: string; /** SVG width in pixels. Default: `64`. */ width?: number; /** SVG height in pixels. Default: `24`. */ height?: number; /** Line stroke width in pixels. Default: `1.5`. */ strokeWidth?: number; /** Additional class names. */ className?: string; /** Accessible label. */ "aria-label"?: string; } /** * Inline mini chart for KPI tiles, table cells, and metric cards. * * @component * @layer core */ export declare function SparkChart({ data, variant, color, width, height, strokeWidth, className, surface, radius, animated, iconWeight, "aria-label": ariaLabel, }: SparkChartProps): import("react/jsx-runtime").JSX.Element | null;