import { type PopoverAnimation } from '../layout/Popover/Popover';
/**
 * Custom hook for managing modal state and functionality.
 *
 * This hook provides a way to manage modal state and functionality in a component.
 * It returns an object containing the `openModal`, `closeModal`, and `Modal` properties.
 *
 * @param animation        The animation to use for the modal.
 * @param popoverAlignment The alignment of the popover content, which can be 'center', 'left', or 'right'.
 * @returns An object with modal state and functionality.
 *
 * @example
 * ```tsx
 * const { openModal, closeModal, Modal } = useModal();
 * ```
 */
export declare const usePopover: (animation: PopoverAnimation, popoverAlignment: "left" | "right") => {
    closePopover: () => void;
    openPopover: () => void;
    Popover: {
        ({ alignment, anchorName, children, maxWidth, minWidth, testId, triangleHeight, triangleOffset, trianglePosition }: import("../../utils/childTypes").WithChildren<import("../layout/Popover").PopoverProps>): import("react").JSX.Element;
        displayName: string;
    };
    triangleOffset: `- ${number}px` | `+ ${number}px` | undefined;
    trianglePosition: number | undefined;
};