import type { ReactNode } from 'react';
/** Where the patient stands against one target. */
export type TargetStatus = 'onTarget' | 'approaching' | 'offTarget';
/** Traffic light → semantic Badge variant. green / amber / red map to the
 * kit's success / warning / error tokens (each carries its own -foreground
 * pairing, so the chip stays legible in all four themes). */
export declare const TARGET_STATUS_VARIANT: Record<TargetStatus, 'success' | 'warning' | 'error'>;
export interface TargetTileProps {
    /** `outlined` (default) for hosts already inside a Card; `elevated`
     * mirrors the kit Card's elevated recipe for tiles that read as cards. */
    variant?: 'outlined' | 'elevated';
    /** Metric name, e.g. "Target weight". Also the group's accessible name. */
    label: string;
    /** The TARGET, formatted with its unit — the tile's headline figure. */
    target: string;
    /** The patient's current value, already phrased ("Now 74.5 kg"). */
    now: string;
    /** Omit (or `null`) when no target is set — the tile then shows no chip. */
    status?: TargetStatus | null;
    /** Translated status text. Required whenever `status` is set: the traffic
     * light is colour PLUS text, never colour alone (WCAG 1.4.1). */
    statusLabel?: string;
    /** Trailing affordance on the status row — e.g. an edit control. */
    action?: ReactNode;
    /** Extra body under the `now` line — e.g. a banded gauge for the current
     * value. Kept adjacent to `now` so it reads as an elaboration of the
     * measured figure, never of the headline target. */
    children?: ReactNode;
}
export declare function TargetTile({ variant, label, target, now, status, statusLabel, action, children, }: TargetTileProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=target-tile.d.ts.map