/**
 * @file ChatSystemMessage.tsx
 * @input Uses React, StyleX, theme tokens
 * @output Exports ChatSystemMessage component and ChatSystemMessageProps
 * @position Centered system/notice message in a chat thread
 *
 * Renders centered, muted system messages like "conversation started",
 * date separators, or status updates. Not a sender message — no avatar,
 * no bubble, no alignment. Think of it as the chat equivalent of a banner
 * or status line.
 *
 * SYNC: When modified, update these files to stay in sync:
 * - /packages/core/src/Chat/index.ts (exports)
 * - /apps/storybook/stories/Chat.stories.tsx
 * - /packages/cli/assets/templates/blocks/components/ChatSystemMessage/ (block examples)
 */
import type { ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
export type ChatSystemMessageVariant = 'default' | 'divider';
export interface ChatSystemMessageProps extends BaseProps<HTMLDivElement> {
    /** Ref forwarded to the root element */
    ref?: React.Ref<HTMLDivElement>;
    /**
     * System message content — text or any ReactNode.
     */
    children: ReactNode;
    /**
     * Visual variant.
     * - 'default': plain centered text
     * - 'divider': text with horizontal lines on each side (date separator style)
     * @default 'default'
     */
    variant?: ChatSystemMessageVariant;
    /**
     * Optional icon rendered before the text.
     * Accepts any ReactNode — typically an Icon.
     */
    icon?: ReactNode;
}
/**
 * Centered system message for chat threads.
 *
 * Use for non-sender content: date separators, "conversation started",
 * "user joined", status changes. Supports a divider variant with horizontal
 * lines on each side of the text.
 *
 * @example
 * ```
 * <ChatSystemMessage>Conversation started</ChatSystemMessage>
 * <ChatSystemMessage variant="divider">Today</ChatSystemMessage>
 * <ChatSystemMessage variant="divider">March 15, 2026</ChatSystemMessage>
 * ```
 */
export declare function ChatSystemMessage({ children, variant, icon, xstyle, className, style: styleProp, ref, ...rest }: ChatSystemMessageProps): import("react").JSX.Element;
export declare namespace ChatSystemMessage {
    var displayName: string;
}
//# sourceMappingURL=ChatSystemMessage.d.ts.map