import { Color } from '@ionic/core'; /** * A single stat shown inside a stats bar. */ export interface StatItem { /** Label / caption above the value (already resolved by the consumer) */ label: string; /** Main value (number or pre-formatted string) */ value: string | number; /** Value prefix (e.g. "$") */ prefix?: string; /** Value suffix (e.g. "%", "users") */ suffix?: string; /** Value color (Ionic color name or CSS color) */ color?: Color | string; /** Optional token identifier */ token?: string; } /** * Metadata for val-stats-bar. * * Horizontal row of headline stats separated by dividers (AWS / SES "Daily * email usage" style). Stacks vertically on mobile. */ export interface StatsBarMetadata { /** Stats to display */ stats: StatItem[]; /** Show vertical dividers between stats. Default: true */ dividers?: boolean; /** Horizontal alignment of the group. Default: 'start' */ align?: 'start' | 'center' | 'spaced'; /** Value size. Default: 'large' */ size?: 'medium' | 'large'; /** Stack stats vertically on small screens. Default: true */ stackOnMobile?: boolean; } /** * Default values for StatsBarMetadata. */ export declare const STATS_BAR_DEFAULTS: Required>;