import React from 'react';
export interface ModalProps {
    /** Whether the Modal is shown or not */
    isShown: boolean;
    /** Top padding (default: '70px') */
    paddingTop?: string;
    /** Right padding (default: '20px') */
    paddingRight?: string;
    /** Bottom padding (default: '20px') */
    paddingBottom?: string;
    /** Left padding (default: '20px') */
    paddingLeft?: string;
    /** Modal width (default: undefined) */
    width?: string;
    /** z-index value (default: '9999') */
    zIndex?: string;
    /** Callback to emit when the modal is mounted */
    onOpen?: () => void;
    /** Callback to emit when the when the modal is unmounted */
    onClose?: () => void;
    /** Callback to emit when the back-drop has been clicked */
    onBackDropClicked?: () => void;
    /** CSS Class name for additional styles */
    className?: string;
}
/**
 * Renders an overlay and it's children
 * @example
 * <Modal isShown={true} onBackDropClicked={() => console.log('back-drop clicked')}>
 *  <div>Component(s) to render</div>
 * </Modal>
 */
export declare const Modal: React.FC<ModalProps>;
//# sourceMappingURL=Modal.d.ts.map