import type * as React from "react";
/**
 * Domain-agnostic semantic tier used to colour-code workflow statuses
 * across the booking detail tables. Map your status string to one of
 * these tones via `getStatusTone()` (or pass a tone explicitly).
 */
export type StatusTone = "success" | "warning" | "danger" | "neutral";
/**
 * Best-effort mapping of a status string to a colour tier. Unknown
 * values fall back to `neutral` so the badge renders with the default
 * outline treatment — no accidental green-on-unknown surprises.
 */
export declare function getStatusTone(status: string): StatusTone;
/**
 * Colour-coded status badge. Pass either a raw `status` string (mapped
 * via `getStatusTone()`) or an explicit `tone`.
 */
export declare function StatusBadge({ status, tone, className, children, }: {
    status?: string;
    tone?: StatusTone;
    className?: string;
    children: React.ReactNode;
}): React.JSX.Element;