import React from 'react';
import { AriaPopoverProps } from 'react-aria';
import { OverlayTriggerState } from 'react-stately';

type PopoverProps = {
    /** The content to be shown as a popover */
    children: React.ReactNode;
    /** The internal state of the overlay trigger element.
     *
     * Get this from the useOverlayTriggerState hook or similar.
     */
    state: OverlayTriggerState;
    /** The reference to the trigger button for this overlay */
    triggerRef: React.RefObject<HTMLButtonElement>;
    /** The offset in pixels between the bottom of the trigger and the top of the popover */
    offset?: number;
    /** The cross-axis offset (left or right) of the popover, compared to the center of the trigger element  */
    crossOffset?: number;
    /** The position of the popover, relative to the popover.
     *
     * Defaults to "bottom"
     */
    placement?: AriaPopoverProps["placement"];
};
/**
 * Internal popover component.
 *
 * Used to render accessible popover content, like a  dropdown menu or a card select. Should not be used directly, but as a part of Spor components.
 */
declare const Popover: ({ children, state, triggerRef, offset, crossOffset, placement, }: PopoverProps) => JSX.Element;

export { Popover };