import '../../../theme/index.mjs';
import Keyframe from '../../../theme/cssinjs/Keyframes.mjs';

const uploadAnimateInlineIn = new Keyframe("uploadAnimateInlineIn", {
  from: {
    width: 0,
    height: 0,
    margin: 0,
    padding: 0,
    opacity: 0
  }
});
const uploadAnimateInlineOut = new Keyframe("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
  ];
};

export { genMotionStyle as default };
//# sourceMappingURL=motion.mjs.map
