import React from "react";
export declare enum Direction {
    BottomLeft = "bottom-start",
    BottomRight = "bottom-end",
    BottomCenter = "bottom",
    TopLeft = "top-start",
    TopRight = "top-end",
    TopCenter = "top"
}
export interface DropdownableProps {
    /** Whether the Dropdownable overlay is visible */
    isOpen: boolean;
    /** Element to render in the Dropdownable overlay */
    dropdown: React.ReactElement<any>;
    /** Which direction the Dropdownable should open in relation to the Dropdownable children */
    preferredDirections?: Direction | Direction[];
    /** Function that is called when a user clicks outside of the Dropdownable overlay or children */
    onClose?: () => void;
    /** Which element the Dropdownable overlay is mounted in. Defaults to the default element created by the Overlay component */
    overlayRoot?: HTMLElement;
    /** Whether the Dropdownable overlay should open in it's parent element instead of `overlayRoot` */
    disablePortal?: boolean;
    children?: React.ReactNode | React.ReactNode[];
}
declare const Dropdownable: ({ isOpen, dropdown, preferredDirections, onClose, overlayRoot, disablePortal, children }: DropdownableProps) => React.JSX.Element;
export default Dropdownable;