import { Component, MouseEventHandler } from 'react';
import './message-popover.styles.scss';
/**
 * MessagePopoverProps
 * @memberof MessagePopover
 * @alias MessagePopoverProps
 */
export interface MessagePopoverProps {
    /**
     * This is the ID of the element under which the popover will display.
     */
    target: string;
    /**
     * This is the message to display within the popover.
     */
    message: string;
    /**
     * A boolean to determine whether or not to show the popover.
     */
    show: boolean;
    /**
     * A function to call when the button within the popover is clicked.
     */
    onBtnClick?: MouseEventHandler<HTMLButtonElement>;
}
/**
 * The MessagePopover component displays a small popup below the `target` element.
 */
export declare class MessagePopover extends Component<MessagePopoverProps> {
    /**
     * Default properties
     */
    static defaultProps: Pick<MessagePopoverProps, "onBtnClick">;
    private self;
    private target;
    getTargetElement: () => void;
    componentDidMount(): void;
    getPopoverPosition: () => {
        top: number;
        left: number;
    } | {
        top?: undefined;
        left?: undefined;
    };
    render(): JSX.Element;
}