import React__default from 'react';
import { Editor } from 'slate';
import { DropdownOption } from './Select.js';
import 'antd';
import 'antd/es/select';

interface ToolbarButton {
    key: string;
    type: 'button';
    icon: React__default.ReactNode | ((editor: Editor) => React__default.ReactNode);
    title: React__default.ReactNode | ((editor: Editor) => React__default.ReactNode);
    active?: boolean | ((editor: Editor) => boolean);
    attachRender?: React__default.ReactNode;
    onClick?: (editor: Editor, e: any) => void;
}
interface ToolbarDropdown {
    key: string;
    type: 'dropdown';
    title: React__default.ReactNode | ((editor: Editor) => React__default.ReactNode);
    width?: number;
    placeholder?: string;
    optionDisplayField?: keyof DropdownOption;
    options: DropdownOption[];
    activeKey?: DropdownOption['key'] | ((editor: Editor) => DropdownOption['key']);
    attachRender?: React__default.ReactNode;
    onSelect?: (editor: Editor, v: any, option: any) => void;
}
interface ToolbarElement {
    key: string;
    type: 'custom';
    title: React__default.ReactNode | ((editor: Editor) => React__default.ReactNode);
    element: React__default.ReactElement | ((editor: Editor) => React__default.ReactElement);
    attachRender?: React__default.ReactNode;
}
type ToolbarDivider = 'divider';
type ToolbarItem = ToolbarButton | ToolbarDropdown | ToolbarElement | ToolbarDivider;
type ToolbarResolver = Exclude<ToolbarItem, ToolbarDivider>;
interface ToolbarProps {
    className?: string;
    style?: React__default.CSSProperties;
    sort?: string[];
    include?: string[];
    exclude?: string[];
    extraResolver?: (editor: Editor) => ToolbarResolver[];
}
declare const baseSort: string[];
declare function Toolbar(props: ToolbarProps): JSX.Element;
declare const _default: React__default.MemoExoticComponent<typeof Toolbar>;

export { ToolbarButton, ToolbarDivider, ToolbarDropdown, ToolbarElement, ToolbarItem, ToolbarProps, ToolbarResolver, baseSort, _default as default };