import { Component } from 'react';
import { Dialog } from '@instructure/ui-dialog';
import type { PortalNode } from '@instructure/ui-portal';
import type { TransitionType } from '@instructure/ui-motion';
import type { TrayProps, TrayState } from './props';
/**
---
category: components
---
**/
declare class Tray extends Component<TrayProps> {
    static readonly componentId = "Tray";
    static allowedProps: readonly (keyof {
        label: string;
        size?: "x-small" | "small" | "regular" | "medium" | "large";
        placement?: "top" | "bottom" | "start" | "end" | "center";
        open?: boolean;
        defaultFocusElement?: import("@instructure/shared-types").UIElement;
        contentRef?: (el: HTMLSpanElement | null) => void;
        shouldContainFocus?: boolean;
        shouldReturnFocus?: boolean;
        shouldCloseOnDocumentClick?: boolean;
        onOpen?: (type?: TransitionType) => void;
        onClose?: (type?: TransitionType) => void;
        onDismiss?: (event: React.UIEvent | React.FocusEvent, documentClick?: boolean) => void;
        mountNode?: Element | (() => Element | null) | null;
        insertAt?: "bottom" | "top";
        liveRegion?: import("@instructure/shared-types").LiveRegion;
        onTransition?: (toState: import("@instructure/ui-motion").BaseTransitionStatesType, fromState: import("@instructure/ui-motion").BaseTransitionStatesType) => void;
        onEnter?: () => void;
        onEntering?: () => void;
        onEntered?: (type?: TransitionType) => void;
        onExit?: () => void;
        onExiting?: () => void;
        onExited?: (type?: TransitionType) => void;
        transitionOnMount?: boolean;
        transitionEnter?: boolean;
        transitionExit?: boolean;
        border?: boolean;
        shadow?: boolean;
        children?: React.ReactNode;
        enableMask?: boolean;
    })[];
    static defaultProps: {
        defaultFocusElement: null;
        open: boolean;
        insertAt: string;
        shouldCloseOnDocumentClick: boolean;
        shouldContainFocus: boolean;
        shouldReturnFocus: boolean;
        size: string;
        placement: string;
        transitionOnMount: boolean;
        transitionEnter: boolean;
        transitionExit: boolean;
        shadow: boolean;
        border: boolean;
        enableMask: boolean;
    };
    ref: Element | null;
    dialogRef: import("react").RefObject<Dialog>;
    state: TrayState;
    constructor(props: TrayProps);
    componentDidMount(): void;
    componentDidUpdate(prevProps: TrayProps, _prevState: TrayState): void;
    get placement(): "center" | import("@instructure/ui-position").PlacementPropValues | undefined;
    get direction(): "up" | "down" | "right" | "left";
    get transition(): TransitionType;
    handleTransitionComplete: (_type?: TransitionType) => void;
    get DOMNode(): Element | null;
    set DOMNode(el: Element | null);
    handlePortalOpen: (DOMNode: PortalNode) => void;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export default Tray;
export { Tray };
//# sourceMappingURL=index.d.ts.map