import React from 'react';
import type { LayoutHeaderProps } from './types';
/**
 * LayoutHeader 组件 - 布局头部组件
 *
 * 该组件提供了一个通用的布局头部区域，包含标题、左侧折叠按钮、分享按钮和右侧折叠按钮。
 * 支持自定义左侧和右侧的额外内容，以及受控和非受控模式。
 *
 * @component
 * @description 布局头部组件，提供完整的头部布局和交互功能
 * @param {LayoutHeaderProps} props - 组件属性
 *
 * @example
 * ```tsx
 * import { LayoutHeader } from './LayoutHeader';
 *
 * // 基本用法
 * <LayoutHeader
 *   title="AI 助手"
 *   onLeftCollapse={() => console.log('左侧折叠')}
 *   onRightCollapse={() => console.log('右侧折叠')}
 *   onShare={() => console.log('分享')}
 * />
 *
 * // 受控模式 - 折叠状态
 * <LayoutHeader
 *   title="AI 助手"
 *   leftCollapsed={leftCollapsed}
 *   rightCollapsed={rightCollapsed}
 *   onLeftCollapse={setLeftCollapsed}
 *   onRightCollapse={setRightCollapsed}
 * />
 *
 * // 非受控模式 - 默认折叠状态
 * <LayoutHeader
 *   title="AI 助手"
 *   leftDefaultCollapsed={true}
 *   rightDefaultCollapsed={false}
 *   onLeftCollapse={(collapsed) => console.log('左侧折叠状态:', collapsed)}
 *   onRightCollapse={(collapsed) => console.log('右侧折叠状态:', collapsed)}
 * />
 *
 * // 自定义内容
 * <LayoutHeader
 *   title="AI 助手"
 *   leftExtra={<div>自定义左侧内容</div>}
 *   rightExtra={<div>自定义右侧内容</div>}
 * />
 * ```
 *
 * @returns {React.ReactElement} 渲染的头部组件
 */
declare const LayoutHeader: React.FC<LayoutHeaderProps>;
export type { LayoutHeaderConfig, LayoutHeaderProps } from './types';
export { LayoutHeader };