import React from 'react';
import type { CSSProperties, ReactNode } from 'react';
import type { ProcedureMode, BodyDirection } from '../types';
/**
 * ProcedureSidebar 子组件 Props
 */
export interface ProcedureSidebarProps {
    /** 信息区类名 */
    className?: string;
    /** 信息区样式 */
    style?: CSSProperties;
    /** 信息区插槽 */
    children?: ReactNode;
    /** 额外内容（如底部操作区） */
    extra?: ReactNode;
    /** 是否为比例布局模式 */
    isRatioMode?: boolean;
    /**
     * 容器元素选择器（类名或 ID）
     * @description 用于计算高度的容器元素，支持类名（如 '.modal-container'）或 ID（如 '#dialog-container'）
     * @description 如果不提供，则使用 window.innerHeight 作为基准
     */
    containerSelector?: string;
    /** 组件使用模式 */
    mode?: ProcedureMode;
    /** 排列方向 */
    direction?: BodyDirection;
    containerSize?: any;
    responsiveClsComputed?: string;
}
/**
 * ProcedureSidebar 信息区组件
 *
 * @description 流程容器的信息区（侧边栏），用于展示摘要信息
 * @author Pisell Team
 */
declare const ProcedureSidebar: React.FC<ProcedureSidebarProps>;
export default ProcedureSidebar;
