import { type PropsWithChildren } from 'react'; import type { Threshold } from '../../core/types/threshold-types.js'; import type { SingleValueAlignment } from '../core/components/single-value-renderer/types/single-value-base-props.js'; /** * Props for the SingleValueGrid component. * @public */ export interface SingleValueGridProps { /** The data source for the SingleValueGrid component. */ data: (number | string | Record)[]; /** * The default color for the SingleValues. * This color will be overwritten by individual colors specified in the SingleValueGridData or thresholds prop. */ color?: string; /** Accessor function to override colors for individual SingleValue components. */ colorAccessor?: string; /** This option will define if the color is applied to the value or to the background. */ applyThresholdBackground?: boolean; /** * Threshold configurations that define conditions to match a given value. * These configurations will overwrite the color prop for the corresponding SingleValue components. */ thresholds?: Threshold[]; /** Accessor function for individual labels of each SingleValue component. */ labelAccessor?: string; /** Accessor function for individual prefix icons of each SingleValue component. */ prefixIconAccessor?: string; /** * Horizontal alignment of icons, values, units, labels, and trends within each SingleValue component. * @defaultValue 'start' */ alignment?: SingleValueAlignment; } /** * The SingleValueGrid component * @public */ export declare const SingleValueGrid: { (props: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element; displayName: string; } & { Value: { (props: import("./slots/Value.js").SingleValueGridValueProps): null; displayName: string; }; Trend: { (props: import("./slots/Trend.js").SingleValueGridTrendProps): null; displayName: string; }; Sparkline: { (props: import("./slots/Sparkline.js").SingleValueGridSparklineProps): null; displayName: string; }; };