import { ComponentType, ReactNode } from 'react';
import { DialogButtonProps } from './dialog.doc';
import { ModalOptions } from './modal.doc';
export interface ModalShowOptions extends ModalOptions {
    /**
     * Whether to close modal on click outside of the modal element, defaults to
     * `true`.
     */
    closeOnOutsideClick?: boolean;
}
export interface ModalShowOptionsWithButtons<T> extends ModalShowOptions {
    buttons?: DialogButtonProps<T>[];
}
export interface ModalPromptOptions extends ModalShowOptions {
    initialValue?: string;
    placeholder?: string;
}
export interface ModalNoteOptions extends ModalShowOptions {
    placeholder?: string;
}
export interface DialogShowProps<T> {
    /**
     * Should be an ReactNode, for example `<FontAwesomeIcon icon={faTimesCircle} />`
     */
    icon?: ReactNode;
    /**
     * Title of the dialog, should be an ReactNode
     */
    title: ReactNode;
    /**
     * Content of the dialog, should be an ReactNode
     */
    content: ReactNode;
    /**
     * Buttons to be shown in the dialog, each should be given a `value` with which
     * the promise will be resolved with to identify the clicked button.
     */
    buttons?: DialogButtonProps<T>[];
}
export interface ModalContentProps<T = unknown> {
    close(value?: T): void;
}
export interface IModalService {
    /**
     * The container for rendering modal DOM elements.
     */
    readonly container: HTMLElement;
    /**
     * @observable
     */
    readonly active: boolean;
    /**
     * Modals to be rendered within root component, should be put under theme provider.
     *
     * @observable
     */
    readonly modals: ReactNode[];
    /**
     * @param content Could be either a `ReactNode` or a component with
     * `ModalContentProps`, which provides a `close` handler for closing the
     * modal with specific value as result.
     */
    show<T>(content: ReactNode | ComponentType<Partial<ModalContentProps<T>>>, options?: ModalShowOptions): Promise<T | undefined>;
    showDialog<T>(props: DialogShowProps<T>, options: ModalShowOptions): Promise<T | undefined>;
    /**
     * Show an alert dialog.
     */
    alert(title: ReactNode, content: ReactNode, options: ModalShowOptions): Promise<boolean | undefined>;
    /**
     * Show an info dialog.
     */
    info(title: ReactNode, content: ReactNode, options: ModalShowOptions): Promise<boolean | undefined>;
    /**
     * Show an success dialog.
     */
    success(title: ReactNode, content: ReactNode, options: ModalShowOptions): Promise<boolean | undefined>;
    /**
     * Show an error dialog.
     */
    error(title: ReactNode, content: ReactNode, options: ModalShowOptions): Promise<boolean | undefined>;
    /**
     * Show a confirm dialog.
     * @param modalOptions When undefined, `closeOnOutsideClick` defaults to `false`
     */
    confirm(title: ReactNode, content: ReactNode, options: ModalShowOptions): Promise<boolean | undefined>;
    /**
     * Show a prompt dialog
     */
    prompt(title: ReactNode, options?: ModalPromptOptions): Promise<string | undefined>;
    /**
     * Show a note dialog
     */
    note(title: ReactNode, options?: ModalNoteOptions): Promise<string | undefined>;
    /**
     * Show a warning dialog.
     */
    warning(title: ReactNode, content: ReactNode, options: ModalShowOptions): Promise<boolean | undefined>;
}