/**
 * @file ChatMessageMetadata.tsx
 * @input Uses React, StyleX, ChatContext, Icon, theme tokens
 * @output Exports ChatMessageMetadata component
 * @position Shared metadata row used by composing inside ChatMessage
 *
 * Renders: <timestamp> · <footer> · <status>
 * Direction reverses for user sender.
 */
import React, { type ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
export type ChatMessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'error';
export interface ChatMessageMetadataProps extends BaseProps<HTMLDivElement> {
    ref?: React.Ref<HTMLDivElement>;
    /** Timestamp content — ReactNode (e.g. Timestamp) or string. */
    timestamp?: ReactNode;
    /** Footer content — model info, ratings, reactions. */
    footer?: ReactNode;
    /** Message delivery status. */
    status?: ChatMessageStatus;
}
/**
 * Composable metadata row for chat messages.
 *
 * Renders: timestamp · footer · status
 * Renders nothing if all props are null/undefined.
 *
 * @example
 * ```
 * <ChatMessage sender="user">
 *   <ChatMessageBubble>Hello!</ChatMessageBubble>
 *   <ChatMessageMetadata timestamp={<Timestamp value="..." format="time" />} status="read" />
 * </ChatMessage>
 * ```
 */
export declare function ChatMessageMetadata({ ref, timestamp, footer, status, xstyle, className, style, ...rest }: ChatMessageMetadataProps): React.JSX.Element | null;
export declare namespace ChatMessageMetadata {
    var displayName: string;
}
//# sourceMappingURL=ChatMessageMetadata.d.ts.map