import React from 'react';
export type ID = string | number;
export interface MenuItem {
    id: ID;
    name: React.ReactNode;
    children?: MenuItem[];
}
export interface Props {
    className?: string;
    /**
     * 左边布局的类名
     */
    leftCls?: string;
    /**
     * 左边子项类名
     */
    leftItemCls?: string;
    /**
     * 左边子项选中类名
     */
    leftActiveCls?: string;
    /**
     * 左边子项的子项选中类名
     */
    leftChildrenActiveCls?: string;
    /**
     * 右边布局的类名
     */
    rightCls?: string;
    /**
     * 右边子项类名
     */
    rightItemCls?: string;
    /**
     * 右边选中子项类名
     */
    rightActiveCls?: string;
    /**
     * 右边子项子级类名
     */
    rightItemChildrenCls?: string;
    /**
     * 菜单list模式类名
     */
    listCls?: string;
    /**
     * 菜单list子项类名
     */
    listItemCls?: string;
    /**
     * 菜单数据
     */
    data: MenuItem[];
    /**
     * 当前选择的菜单id
     */
    current?: ID;
    /**
     * 菜单模式
     * @default children
     *  */
    menuMode?: 'children' | 'list' | 'singleCol';
    /**
     * 右边图标大小，默认是fontSize的值，传入number的话请输入rpx的值
     * @default 12px
     */
    rightIconSize?: number | string;
    /**
     * 二级菜单模式: 折叠、子菜单
     * @default subMenu
     */
    childrenMenuMode?: 'collapse' | 'subMenu';
    /**
     * 当前选择的菜单id
     */
    onChange?: (id: ID, children: MenuItem[]) => void;
    /**
     * 选择了子项后的事件
     */
    onSelect?: (item: MenuItem) => void;
    /**
     * 适老模式，开启后尺寸会变大
     */
    elderly?: boolean;
    /**
     * 样式
     */
    style?: React.CSSProperties;
    /**
     * autoFlexChildren 自动折叠右侧展开的子菜单
     */
    autoFlexChildren?: boolean;
}
declare const _default: ({ className, leftCls, rightCls, data, leftItemCls, leftChildrenActiveCls, rightItemChildrenCls, listCls, listItemCls, menuMode, childrenMenuMode, leftActiveCls, rightItemCls, rightIconSize, current, onSelect, elderly, onChange, style, rightActiveCls, autoFlexChildren, }: Props) => React.JSX.Element;
export default _default;