import { TemplateResult } from 'lit';
import { BahtElement } from '../base.js';
import { ChartFormat } from './charts.js';
/**
 * Stat tile: label, one figure, an optional delta against a named period and an
 * optional sparkline. Supersedes `<baht-stat-chart>`.
 *
 *   <baht-stat label="Out" value="4200" format="currency"
 *              delta="-8" delta-kind="pct" delta-label="vs August"
 *              up-is-good="false"></baht-stat>
 *
 * The figure is never colored by a series hue — only the delta carries color,
 * and it always ships an arrow glyph plus a worded label so direction never
 * rides on color alone.
 */
export declare class BahtStat extends BahtElement {
    /** Sentence-case caption above the figure, no trailing colon. */
    label: string;
    /** The figure. */
    value: number;
    /** How the figure reads: number | currency | percent | compact. */
    format: ChartFormat;
    /** ISO currency code for `format="currency"` (THB renders `฿`). */
    currency: string;
    /**
     * Change against the previous period. `null` hides the delta row.
     * With `delta-kind="pct"` it is a percentage (18 → "18%"); with `"abs"` it is
     * a raw amount rendered with this tile's `format`.
     */
    delta: number | null;
    /** Whether `delta` is a percentage or an absolute amount. */
    deltaKind: 'abs' | 'pct';
    /**
     * What the delta is measured against, e.g. "vs August". With no `delta` it is
     * still rendered on its own as a muted caption, so a figure can name its period.
     */
    deltaLabel: string;
    /** Is a rise good news? Spending tiles set `up-is-good="false"`. */
    upIsGood: boolean;
    /** Recent points drawn as a muted sparkline with an accent on the newest. */
    trend: number[];
    /** `hero` is the one 48px+ figure a view leads with. */
    size: 'md' | 'hero';
    /** Icon name from the curated set (see icons.ts), shown in a chip before the label. */
    icon?: string;
    /** Direction of the delta paired with whether up is good. */
    private get tone();
    private get arrow();
    private get deltaText();
    protected render(): TemplateResult;
}