'use strict';

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

var vue = require('vue');
var motionUtil = require('../utils/motionUtil.cjs');

function Mask(props) {
  const {
    prefixCls,
    visible,
    zIndex,
    mask,
    maskAnimation,
    maskTransitionName
  } = props;
  if (!mask)
    return null;
  let motion = {};
  if (maskTransitionName || maskAnimation) {
    motion = motionUtil.getMotion({
      prefixCls,
      transitionName: maskTransitionName,
      animation: maskAnimation
    });
  }
  return vue.createVNode(vue.Transition, {
    "appear": true,
    ...motion
  }, {
    default: () => [vue.withDirectives(vue.createVNode("div", {
      "style": {
        zIndex
      },
      "class": `${prefixCls}-mask`
    }, null), [[vue.resolveDirective("if"), visible]])]
  });
}
Mask.displayName = "Mask";

exports.default = Mask;
//# sourceMappingURL=Mask.cjs.map
