import { default as React } from 'react';
import { AstroIconName } from '../display/AstroIcon';
import { PropertyKey, StatusThresholds } from './propertyConfig';
import { StatusLevel } from '../../utils';
export type DataValueVariant = "stacked" | "inline" | "compact" | "minimal" | "card" | "banner" | "stat";
export type DataValueSize = "sm" | "md" | "lg";
export interface DataValueProps {
    /** Property key for auto-configuration (e.g., 'temperature', 'battery') */
    property?: PropertyKey;
    /** Display label (overrides property preset) */
    label?: string;
    /** Current value */
    value: number | string | undefined | null;
    /** Unit of measurement (overrides property preset) */
    unit?: string;
    /** Icon name (overrides property preset) */
    icon?: AstroIconName;
    /** Show icon */
    showIcon?: boolean;
    /** Status thresholds for auto-derivation (overrides property preset) */
    thresholds?: StatusThresholds;
    /** Override status (bypasses auto-derivation) */
    status?: StatusLevel;
    /** Show status indicator */
    showStatus?: boolean;
    /** Precision for number formatting (overrides property preset) */
    precision?: number;
    /** Layout variant */
    variant?: DataValueVariant;
    /** Size */
    size?: DataValueSize;
    /** Custom value color (overrides status color) */
    color?: string;
    /** Additional CSS class */
    className?: string;
    /** Custom inline styles */
    style?: React.CSSProperties;
    /** Click handler */
    onClick?: () => void;
    /** Tooltip text */
    tooltip?: string;
}
export declare const DataValue: React.NamedExoticComponent<DataValueProps>;
export interface DataValueGroupProps {
    /** Title for the group */
    title?: string;
    /** Icon for the title */
    icon?: AstroIconName;
    /** Layout direction */
    direction?: "row" | "column" | "grid";
    /** Number of columns for grid layout */
    columns?: number;
    /** Gap between items */
    gap?: "sm" | "md" | "lg";
    /** Children DataValue components */
    children: React.ReactNode;
    /** Additional CSS class */
    className?: string;
    /** Custom inline styles */
    style?: React.CSSProperties;
}
export declare const DataValueGroup: React.NamedExoticComponent<DataValueGroupProps>;
export default DataValue;