import PopperJS from "popper.js"; import React, { Ref } from "react"; export interface IProps { /** The reference element. Make sure to pass the ref into the appropriate element. This ref will be used to measure and place the popover */ reference: (args: { ref: Ref; }) => React.ReactNode; /** The placement/orientation of the popover. See PopperJS docs for details. */ placement: PopperJS.Placement; /** The contents of the popover. */ children: React.ReactNode; /** To show or hide the popover. */ show: boolean; /** css classname */ className?: string; /** event to trigger on clicking outside of popover when open. */ onClickOutside?: (ev: MouseEvent) => void; /** If edge of popover is invisible, push into view. */ preventOverflow?: boolean; /** Adjust offset from top. */ offsetTop?: number; /** Adjust offset from left. */ offsetLeft?: number; /** Node to use to determine boundaries. */ boundariesElement?: PopperJS.Boundary | HTMLElement; } export declare const Popover: React.SFC; export default Popover;