@atlaskit/motion/dist/es2019/entering/zoom-in.js

A set of utilities to apply motion in your application.

import React from 'react';
import KeyframesMotion from './keyframes-motion';

/**
 * __ZoomIn__
 *
 * Will over zoom an element into position.
 *
 * - [Examples](https://atlaskit.atlassian.com/packages/design-system/motion/docs/entering-motion)
 */
const ZoomIn = ({
  children,
  duration = 'small',
  isPaused,
  onFinish
}) => {
  return /*#__PURE__*/React.createElement(KeyframesMotion, {
    duration: duration,
    enteringAnimation: "zoom-in",
    exitingAnimation: "zoom-out",
    animationTimingFunction: "ease-in-out",
    isPaused: isPaused,
    onFinish: onFinish
  }, children);
};
export default ZoomIn;