import React from 'react';
import cx from 'classnames';
import { PopoverHeaderProps } from './PopoverHeader';
import { PopoverBodyProps } from './PopoverBody';
import { PopoverFooterProps } from './PopoverFooter';
import styles from './Popover.module.scss';
export interface PopoverComposition {
    Header: React.FC<PopoverHeaderProps>;
    Body: React.FC<PopoverBodyProps>;
    Footer: React.FC<PopoverFooterProps>;
}
export interface Props {
    /** Children of Popover which should have one Popover.Header, Popover.Body, and Popover.Footer. */
    children?: [
        React.ReactElement<PopoverHeaderProps>,
        React.ReactElement<PopoverBodyProps>,
        React.ReactElement<PopoverFooterProps>
    ];
    /** CSS className for Popover container div. */
    className?: Parameters<typeof cx>[0];
    /** When true, the Popover will be visible. */
    isOpen: boolean;
    /** Accessible name for the Popover. */
    label: string;
    /** Function that will be called when the Popover is closing. */
    onClose?: (event?: MouseEvent) => void;
    /** Function that will be called when the the user clicks outside while the Popover is open. */
    onOutsideClick?: () => void;
    /** Setter for toggling isOpen. */
    setOpen: (state: boolean) => void;
    /** Reference to the target element. */
    targetElement: HTMLElement | null;
}
export declare const Popover: React.FC<Props> & PopoverComposition;
export default Popover;
export { styles };
//# sourceMappingURL=index.d.ts.map