import React from 'react';
import { MessageStatus, MessageStage as Stage, StageTimings } from './types.js';
interface Props {
    status: MessageStatus;
    stage: Stage;
    timings: StageTimings;
    timestampSent?: number;
    hideDescriptions?: boolean;
    /** 'above' (default): icons float above the bar. 'inline': icons render inside the bar. */
    iconPosition?: 'above' | 'inline';
    /** Additional CSS class applied to each bar segment (useful for overriding the bar color). */
    barClassName?: string;
    /** Override the color of the chevron arrows between stages. */
    chevronColor?: string;
    /** Override the color of the stage icons. Defaults to white. */
    iconColor?: string;
    /** Show tooltips on hover over each stage bar. */
    showTooltips?: boolean;
}
export declare function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDescriptions, iconPosition, barClassName, chevronColor, iconColor, showTooltips, }: Props): React.JSX.Element;
export {};
//# sourceMappingURL=MessageTimeline.d.ts.map