import './index.css';
import { SylApi } from '@syllepsis/adapter';
import { ToolbarInlineLoader } from '@syllepsis/editor';
import React from 'react';
import { ToolDisplay } from '../../modules/toolbar/utils';
interface ButtonProp {
    modal?: JSX.Element;
    panel?: JSX.Element;
    editor?: SylApi;
    type?: string;
    tooltip?: string;
    disabled?: boolean;
    active?: boolean;
    display?: ToolDisplay;
    icon: JSX.Element;
    content?: string;
    isStatic?: boolean;
    onClick?: (editor?: SylApi) => any;
}
declare const ToolbarButton: (props: ButtonProp) => JSX.Element | null;
declare const ToolbarWrapper: (props: {
    editor?: SylApi | undefined;
    children: React.ReactNode;
}) => JSX.Element | null;
declare const InlineToolbarWrapper: (props: {
    editor?: SylApi | undefined;
    tools: string[];
}) => ToolbarInlineLoader | null;
declare const ModalPanel: (props: {
    title: string;
    children: React.ReactNode;
    okText?: string | undefined;
    cancelText?: string | undefined;
    onOk?: (() => void) | undefined;
    onCancel?: (() => void) | undefined;
    onClose?: (() => void) | undefined;
}) => JSX.Element;
declare const DropDownPanel: (props: {
    children: React.ReactNode;
    onClose?: (() => void) | undefined;
}) => JSX.Element;
declare const DropDownList: (props: {
    children: React.ReactNode;
    editor?: SylApi | undefined;
    onClose?: ((event: MouseEvent, forceClose?: boolean | undefined) => void) | undefined;
}) => JSX.Element;
export { DropDownList, DropDownPanel, InlineToolbarWrapper, ModalPanel, ToolbarButton, ToolbarWrapper };