import React from 'react';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { PositionTheme } from '@instructure/shared-types';
import type { PositionConstraint, PositionMountNode, PlacementPropValues, ElementPosition } from '../PositionPropTypes';
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
import { Renderable } from '@instructure/shared-types';
type PositionOwnProps = {
    /**
     * The node to use as the position target
     */
    renderTarget?: Renderable;
    /**
     * The target to be used when not using `renderTarget`
     */
    target?: PositionMountNode;
    /**
     * The placement of the content in relation to the target
     */
    placement?: PlacementPropValues;
    /**
     * An element or a function returning an element to use as the mount node
     * for the `<Position />` (defaults to `document.body`)
     */
    mountNode?: PositionMountNode;
    /**
     * Insert the element at the 'top' of the mountNode or at the 'bottom'
     */
    insertAt?: 'bottom' | 'top';
    /**
     * The parent in which to constrain the placement.
     * One of?: 'window', 'scroll-parent', 'parent', 'none', an element,
     * or a function returning an element
     */
    constrain?: PositionConstraint;
    /**
     * The horizontal offset for the positioned content
     */
    offsetX?: string | number;
    /**
     * The vertical offset for the positioned content
     */
    offsetY?: string | number;
    /**
     * An id will be generated if not provided
     */
    id?: string;
    /**
     * Whether or not position of the target should be tracked or just set statically on render
     */
    shouldTrackPosition?: boolean;
    /**
     * Whether or not you want the content to position over the target
     */
    shouldPositionOverTarget?: boolean;
    /**
     * Callback fired when the position changes
     */
    onPositionChanged?: (position: PositionObject) => void;
    /**
     * Callback fired when `<Position />` content has been mounted and is initially positioned
     */
    onPositioned?: (position: PositionObject) => void;
    /**
     * The content to be positioned
     */
    children?: React.ReactNode;
    /**
     * Set the CSS `display` property on the outermost `<span>` container element
     */
    containerDisplay?: 'inline-block' | 'block';
    /**
     * Provides a reference to the underlying HTML root element (the target)
     */
    elementRef?: (element: Element | null) => void;
};
type PositionState = {
    positioned: boolean;
} & ElementPosition;
type PositionStyle = ComponentStyle<'position' | 'zIndex'>;
type PositionObject = ElementPosition['style'] & {
    placement: ElementPosition['placement'];
};
type PropKeys = keyof PositionOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type PositionProps = PositionOwnProps & WithStyleProps<PositionTheme, PositionStyle> & WithDeterministicIdProps;
declare const allowedProps: AllowedPropKeys;
export type { PositionProps, PositionState, PositionStyle, PositionObject };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map