'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

require('../../../theme/index.cjs');
var Keyframes = require('../../../theme/cssinjs/Keyframes.cjs');

const uploadAnimateInlineIn = new Keyframes.default("uploadAnimateInlineIn", {
  from: {
    width: 0,
    height: 0,
    margin: 0,
    padding: 0,
    opacity: 0
  }
});
const uploadAnimateInlineOut = new Keyframes.default("uploadAnimateInlineOut", {
  to: {
    width: 0,
    height: 0,
    margin: 0,
    padding: 0,
    opacity: 0
  }
});
const genMotionStyle = (token) => {
  const { componentCls } = token;
  const inlineCls = `${componentCls}-animate-inline`;
  return [
    {
      [`${componentCls}-wrapper`]: {
        [`${inlineCls}-appear, ${inlineCls}-enter, ${inlineCls}-leave`]: {
          animationDuration: token.motionDurationSlow,
          animationTimingFunction: token.motionEaseInOutCirc,
          animationFillMode: "forwards"
        },
        [`${inlineCls}-appear, ${inlineCls}-enter`]: {
          animationName: uploadAnimateInlineIn
        },
        [`${inlineCls}-leave`]: {
          animationName: uploadAnimateInlineOut
        }
      }
    },
    uploadAnimateInlineIn,
    uploadAnimateInlineOut
  ];
};

exports.default = genMotionStyle;
//# sourceMappingURL=motion.cjs.map
