@atlaskit/motion/dist/esm/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-motions)
 */
var ZoomIn = function ZoomIn(_ref) {
  var children = _ref.children,
    _ref$duration = _ref.duration,
    duration = _ref$duration === void 0 ? 'small' : _ref$duration,
    isPaused = _ref.isPaused,
    onFinish = _ref.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;