type Props = {
    /** Caption above the value (e.g. "Active users", "Errors"). */
    label: string;
    /** The headline number / string. */
    value: string | number;
    /** Optional small caption rendered under the value (e.g. "this week"). */
    caption?: string;
    /** Numeric change vs. comparison. Positive renders as success (green) by default, negative as danger. */
    delta?: number | null;
    /** Suffix appended to `delta` after the absolute value. @default '%' */
    deltaSuffix?: string;
    /** Flip the green/red mapping — for metrics where a positive delta is BAD (e.g. errors). @default false */
    invertSentiment?: boolean;
};
/**
 * A metric tile: uppercase label on top, a big tabular-nums number, optional `delta` indicator with an
 * arrow and tinted color, optional caption beneath. The `delta` sentiment maps to success/danger by
 * default; pass `invertSentiment` for metrics where "going up is bad" (errors, latency).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--stat--label--color` | Label color | `--sc-kit--color--text--muted` |
 * | `--sc-kit--stat--label--font-size` | Label font size | `--sc-kit--font-size--sm` |
 * | `--sc-kit--stat--value--color` | Value color | `--sc-kit--color--text--primary` |
 * | `--sc-kit--stat--value--font-size` | Value font size | `--sc-kit--font-size--2xl` |
 * | `--sc-kit--stat--caption--color` | Caption color | `--sc-kit--color--text--muted` |
 * | `--sc-kit--stat--delta--positive` | Positive-sentiment color | `--sc-kit--color--success` |
 * | `--sc-kit--stat--delta--negative` | Negative-sentiment color | `--sc-kit--color--danger` |
 * | `--sc-kit--stat--delta--neutral` | Neutral (zero / no delta) color | `--sc-kit--color--text--muted` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;