/**
 * RegexRailroadDiagram 组件
 *
 * @module RegexEditor/visualizer/RegexRailroadDiagram
 * @description 使用 Railroad Diagram 可视化正则表达式结构
 */
import React from 'react';
import 'railroad-diagrams/railroad-diagrams.css';
export interface RegexRailroadDiagramProps {
    /** 正则表达式模式 */
    pattern: string;
    /** 是否显示标题 */
    showTitle?: boolean;
    /** 卡片大小 */
    size?: 'small' | 'default';
    /** 自定义样式 */
    style?: React.CSSProperties;
    /** 自定义类名 */
    className?: string;
}
/**
 * Railroad Diagram 可视化组件
 *
 * @example
 * ```tsx
 * <RegexRailroadDiagram
 *   pattern="\d{3}-\d{4}"
 *   showTitle={true}
 * />
 * ```
 */
export declare const RegexRailroadDiagram: React.FC<RegexRailroadDiagramProps>;