import { Color } from '@ionic/core'; /** * Props for val-notes-box component. * * @property color - The background color of the box. * @property textColor - The color of the text. * @property prefix - Optional prefix text (bold). Pass `''` (empty string) to suppress the prefix entirely. * @property text - The main text content. May contain `` / `` tags when `allowPartialBold` is enabled. * @property size - The size of the text and box ('small' | 'medium' | 'large' | 'xlarge'). * @property rounded - Whether the box has rounded corners. * @property padding - Custom padding for the box (optional). * @property allowPartialBold - Render inline ``/`` tags in `text` as bold via innerHTML. Default `false`. * @property processLinks - Auto-process URLs and `[text](url)` markdown links in `text`. Default `false`. */ export interface NotesBoxMetadata { color: Color; textColor: Color; prefix: string; text: string; size: 'small' | 'medium' | 'large' | 'xlarge'; rounded: boolean; padding?: string; allowPartialBold?: boolean; processLinks?: boolean; /** * Compact mode — renders the box as inline-block with `fit-content` width and * tighter padding. Ideal for short labels (status chips, doc metadata, badges) * where a full-width banner feels oversized. */ compact?: boolean; /** * Text alignment inside the box. Default `'left'`. */ align?: 'left' | 'center' | 'right'; }