import React, { ReactNode } from 'react';
import { type LayoutHeaderConfig } from '../Components/LayoutHeader';
export interface AgenticLayoutProps {
/** 左侧内容 */
left?: ReactNode;
/** 中间内容 */
center: ReactNode;
/** 右侧内容 */
right?: ReactNode;
/** 头部配置 */
header?: LayoutHeaderConfig;
/** 自定义样式 */
style?: React.CSSProperties;
/** 自定义类名 */
className?: string;
/** 左侧宽度 */
leftWidth?: number;
/** 右侧宽度 */
rightWidth?: number;
/** 最小高度 */
minHeight?: string | number;
/** 子元素(用于兼容性,实际内容应使用 center 属性) */
children?: ReactNode;
}
/**
* AgenticLayout 组件 - 智能体布局组件
*
* 该组件提供一个三栏布局的容器,支持左中右三个区域的灵活配置。
* 左右侧栏支持折叠功能,中间区域自适应宽度。
*
* @component
* @description 智能体布局组件,提供左中右三栏布局
* @param {AgenticLayoutProps} props - 组件属性
* @param {ReactNode} [props.left] - 左侧内容
* @param {ReactNode} props.center - 中间内容
* @param {ReactNode} [props.right] - 右侧内容
* @param {LayoutHeaderConfig} [props.header] - 头部配置
* @param {React.CSSProperties} [props.style] - 自定义样式
* @param {string} [props.className] - 自定义CSS类名
* @param {number} [props.leftWidth=256] - 左侧宽度
* @param {number} [props.rightWidth=256] - 右侧宽度
* @param {string | number} [props.minHeight='600px'] - 最小高度
*
* @example
* ```tsx
* }
* center={}
* right={}
* header={{
* title: "智能体助手",
* showShare: true,
* showLeftCollapse: true,
* showRightCollapse: true,
* onLeftCollapse: (collapsed) => console.log('左侧折叠:', collapsed),
* onRightCollapse: (collapsed) => console.log('右侧折叠:', collapsed),
* onShare: () => console.log('分享')
* }}
* />
* ```
*
* @returns {React.ReactElement} 渲染的布局组件
*
* @remarks
* - 支持左右侧栏的独立折叠控制
* - 中间区域自适应剩余宽度
* - 提供响应式布局适配
* - 支持自定义宽度和高度
* - 集成 Ant Design 主题系统
*/
export declare const AgenticLayout: React.FC;