import React from 'react';
import popper from '@popperjs/core';
import { Modifier } from 'react-popper';
export declare type PopperPlacement = popper.Placement | popper.Placement[];
export declare type PopperOffset = [number, number];
export declare type PopperModifiers = Modifier<unknown, Record<string, unknown>>[];
export interface PopperProps {
    anchor: HTMLElement | null;
    placement?: PopperPlacement;
    offset?: [number, number];
    modifiers?: PopperModifiers;
}
export declare enum PopperPosition {
    BOTTOM_START = "bottom-start",
    BOTTOM = "bottom",
    BOTTOM_END = "bottom-end",
    TOP_START = "top-start",
    TOP = "top",
    TOP_END = "top-end",
    RIGHT_START = "right-start",
    RIGHT = "right",
    RIGHT_END = "right-end",
    LEFT_START = "left-start",
    LEFT = "left",
    LEFT_END = "left-end"
}
export interface PopoverHook {
    attributes: Record<string, Record<string, string> | undefined>;
    styles: Record<string, React.CSSProperties>;
    setPopperRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
    setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
}
export declare function usePopper(props: PopperProps): PopoverHook;