@atlaskit/modal-dialog/dist/cjs/modal-transition.js

A modal dialog displays content that requires user interaction, in a layer above the page.

"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 _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
/**
 * __Modal transition__
 *
 * A modal transition wraps a modal to provide a fluid transition upon opening and closing.
 *
 * - [Examples](https://atlassian.design/components/modal-dialog/examples)
 * - [Code](https://atlassian.design/components/modal-dialog/code)
 * - [Usage](https://atlassian.design/components/modal-dialog/usage)
 */
var ModalTransition = function ModalTransition(props) {
  var _props$children;
  return /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, {
    appear: true
  }, //Checking if children are undefined to prevent potential runtime errors in React 17
  (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : null);
};
var _default = exports.default = ModalTransition;