import React from 'react';
import { MutableRefObject } from 'react';
import { TransitionStatus as ReactTransitionGroupTransitionStatus } from 'react-transition-group';
export type TransitionStatus = ReactTransitionGroupTransitionStatus | 'enter' | 'exit';
interface TransitionProps<T extends HTMLElement> {
  in: boolean;
  exit?: boolean;
  disabled?: boolean;
  children: (state: TransitionStatus, transitioningElementRef: MutableRefObject<T | null>, motionDisabled: boolean) => React.ReactNode;
  onStatusChange?: (status: TransitionStatus) => void;
  transitionChangeDelay?: {
    entering?: number;
  };
  exitTimeout?: number;
}
/**
 * This component wraps react-transition-group's Transition component.
 *
 * Its rendering function receives the transition state, a ref that must be attached to the transitioning node,
 * and whether motion is disabled by either user preference or the disabled prop.
 */
export declare function Transition<T extends HTMLElement = any>({
  in: isIn,
  children,
  exit,
  onStatusChange,
  disabled,
  transitionChangeDelay,
  exitTimeout,
  ...rest
}: TransitionProps<T>): JSX.Element;
export {};