@atlaskit/motion
Version:
A set of utilities to apply motion in your application.
39 lines (37 loc) • 1.32 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _keyframesMotion = _interopRequireDefault(require("./keyframes-motion"));
/**
* Props for controlling the behavior of the AnimateIn animation
*/
/**
* __AnimateIn__
*
* Useful for Animating in one or more elements.
*
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/motion/docs/entering-motion)
*/
var AnimateIn = function AnimateIn(_ref) {
var children = _ref.children,
_ref$duration = _ref.duration,
duration = _ref$duration === void 0 ? 'large' : _ref$duration,
enteringAnimation = _ref.enteringAnimation,
exitingAnimation = _ref.exitingAnimation,
onFinish = _ref.onFinish,
isPaused = _ref.isPaused,
animationTimingFunction = _ref.animationTimingFunction;
return /*#__PURE__*/_react.default.createElement(_keyframesMotion.default, {
duration: duration,
enteringAnimation: enteringAnimation,
exitingAnimation: exitingAnimation,
animationTimingFunction: animationTimingFunction,
onFinish: onFinish,
isPaused: isPaused
}, children);
};
var _default = exports.default = AnimateIn;