import { FC, PropsWithChildren, ReactNode } from 'react';
export type MessageStatusState = 'loading' | 'complete' | 'error';
export interface MessageStatusStep {
    /**
     * Unique identifier for the step.
     */
    id: string;
    /**
     * Text to display for the step.
     */
    text: string;
    /**
     * Current state of the step.
     * @default 'loading'
     */
    status?: MessageStatusState;
}
export interface MessageStatusProps extends PropsWithChildren {
    /**
     * Current status state.
     * @default 'loading'
     */
    status?: MessageStatusState;
    /**
     * Main status text to display.
     */
    text: string;
    /**
     * Optional sub-steps to display.
     */
    steps?: MessageStatusStep[];
    /**
     * Custom icon to display. If not provided, uses default icons based on status.
     */
    icon?: ReactNode;
    /**
     * Additional CSS class name.
     */
    className?: string;
}
/**
 * Displays status information with optional sub-steps, similar to Claude's tool status UI.
 */
export declare const MessageStatus: FC<MessageStatusProps>;