import React from 'react';
import PropTypes from 'prop-types';
import { ComponentProps } from '../utils/types';
/** @public */
type AnimationType = 'slideFromTop' | 'slideFromRight' | 'slideFromBottom' | 'slideFromLeft' | 'expandHeight' | 'expandWidth' | 'none';
/** @public */
type AnimationOnOpen = {
    open: AnimationType;
    close: 'none';
};
/** @public */
type AnimationOnClose = {
    open: 'none';
    close: AnimationType;
};
type AnimationProp = AnimationType | AnimationOnOpen | AnimationOnClose;
interface TransitionOpenPropsBase {
    /**
     * The animation to use when opening and closing. Can be:
     * - A string (e.g., 'expandHeight') to animate both open and close
     * - An object with `{ open: AnimationType, close: 'none' }` to animate only when opening
     * - An object with `{ open: 'none', close: AnimationType }` to animate only when closing
     */
    animation?: AnimationProp;
    animateOnMount?: boolean;
    children?: React.ReactNode;
    /** @private */
    className?: string;
    /**
     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
     */
    elementRef?: React.Ref<HTMLDivElement>;
    /** The `id` of the inner container. */
    id?: string;
    /** An additional className to inner container. */
    innerClassName?: string;
    innerStyle?: React.CSSProperties;
    onAnimationEnd?: () => void;
    onAnimationStart?: () => void;
    /** Whether the component is currently open or not. */
    open?: boolean;
    /** An additional className to outer container. */
    outerClassName?: string;
    /** The `id` of the outer container. */
    outerId?: string;
    outerStyle?: React.CSSProperties;
    /**
     * When true, children are always rendered whether open or closed.
     */
    renderChildrenWhenCollapsed?: boolean;
    /**
     * Keep focus within `TransitionOpen` while open.
     */
    retainFocus?: boolean;
    /**
     * When true, the `TransitionOpen` automatically takes focus when 'open' changes to true.
     */
    takeFocus?: boolean;
}
type TransitionOpenProps = ComponentProps<TransitionOpenPropsBase, 'div'>;
declare function TransitionOpen({ animation: animationProp, animateOnMount, children, className, elementRef, id, innerClassName, innerStyle, onAnimationEnd, onAnimationStart, open: openProp, outerClassName, outerId, outerStyle, renderChildrenWhenCollapsed, retainFocus, takeFocus: takeFocusProp, ...otherProps }: TransitionOpenProps): React.JSX.Element;
declare namespace TransitionOpen {
    var propTypes: {
        animation: PropTypes.Requireable<NonNullable<AnimationType | PropTypes.InferProps<{
            open: PropTypes.Validator<NonNullable<AnimationType>>;
            close: PropTypes.Validator<string>;
        }> | PropTypes.InferProps<{
            open: PropTypes.Validator<string>;
            close: PropTypes.Validator<NonNullable<AnimationType>>;
        }> | null | undefined>>;
        animateOnMount: PropTypes.Requireable<boolean>;
        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
        elementRef: PropTypes.Requireable<object>;
        className: PropTypes.Requireable<string>;
        id: PropTypes.Requireable<string>;
        innerClassName: PropTypes.Requireable<string>;
        innerStyle: PropTypes.Requireable<object>;
        onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
        onAnimationStart: PropTypes.Requireable<(...args: any[]) => any>;
        open: PropTypes.Requireable<boolean>;
        outerClassName: PropTypes.Requireable<string>;
        outerId: PropTypes.Requireable<string>;
        outerStyle: PropTypes.Requireable<object>;
        renderChildrenWhenCollapsed: PropTypes.Requireable<boolean>;
        retainFocus: PropTypes.Requireable<boolean>;
        takeFocus: PropTypes.Requireable<boolean>;
    };
}
export default TransitionOpen;
export { AnimationType, AnimationOnOpen, AnimationOnClose, TransitionOpenPropsBase };