/**
 * @file index.tsx
 *
 * @fileoverview Shows contents inside a popover. Also displays a
 * trigger for displaying the popover.
 */
import React from 'react';
import { ColorProps, SpaceProps } from 'styled-system';
declare type BasePopoverProps = SpaceProps & ColorProps;
export interface PopoverProps extends BasePopoverProps {
    /**
     * The contents to display inside the popover.
     */
    children: React.ReactNode;
    /**
     * The trigger.
     */
    trigger: React.ReactNode;
    /**
     * Position for the popover
     *
     * @default "bottom"
     */
    position?: 'left' | 'right' | 'top' | 'bottom';
    /**
     * A maximum height for the popover.
     */
    maxHeight?: string;
    /**
     * Event for when popover is toggled.
     */
    onToggle?: (shown: boolean) => void;
}
export declare const Popover: ({ children, trigger, position, onToggle, maxHeight, ...props }: PopoverProps) => JSX.Element;
export {};