@atlaskit/motion/dist/types/entering/animate-in.d.ts

A set of utilities to apply motion in your application.

import React from 'react';
import { type Animations, type KeyframesMotionProps } from './keyframes-motion';
import type { AnimationCurve } from './types';
/**
 * Props for controlling the behavior of the AnimateIn animation
 */
export interface AnimateKeyframesMotionProps extends Omit<KeyframesMotionProps, 'animationTimingFunctionExiting'> {
    /**
     * CSS keyframes for the entering animation.
     */
    enteringAnimation: Animations;
    /**
     * CSS keyframes for the exiting animation.
     */
    exitingAnimation?: Animations;
    animationTimingFunction: AnimationCurve;
}
/**
 * __AnimateIn__
 *
 * Useful for Animating in one or more elements.
 *
 * - [Examples](https://atlaskit.atlassian.com/packages/design-system/motion/docs/entering-motion)
 */
declare const AnimateIn: ({ children, duration, enteringAnimation, exitingAnimation, onFinish, isPaused, animationTimingFunction, }: AnimateKeyframesMotionProps) => React.JSX.Element;
export default AnimateIn;