import { Color } from '@ionic/core';
/**
 * Props for val-display component with reactive content support.
 * Supports both static and reactive content patterns.
 *
 * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
 * @property color - The text color (Ionic color string).
 * @property content - Static content text (takes precedence over contentConfig).
 * @property contentConfig - Reactive content configuration.
 */
export interface DisplayMetadata {
    size: 'small' | 'medium' | 'large' | 'xlarge';
    color: Color;
    /** Static content (takes precedence over contentConfig) */
    content?: string;
    /** Reactive content configuration */
    contentConfig?: {
        className?: string;
        key: string;
        fallback?: string;
        interpolation?: Record<string, any>;
    };
}
/**
 * Configuration for reactive content in val-display component.
 * Use this interface when you only need to specify content-related properties.
 */
export interface DisplayContentConfig {
    key: string;
    className?: string;
    fallback?: string;
    interpolation?: Record<string, string | number>;
}