@sky-mavis/tanto-widget/dist/cjs/components/animated-containers/Fade.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var react = require('motion/react');
var m = require('motion/react-m');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var m__namespace = /*#__PURE__*/_interopNamespaceDefault(m);

const defaultProps = {
  initial: {
    opacity: 0,
    scale: 0
  },
  animate: {
    opacity: 1,
    scale: 1
  },
  exit: {
    opacity: 0,
    scale: 0
  },
  transition: {
    duration: 0.15
  }
};
const Fade = ({
  children,
  initial,
  animate,
  exit,
  transition,
  show
}) => {
  return jsxRuntime.jsx(react.AnimatePresence, {
    children: show && jsxRuntime.jsx(m__namespace.div, {
      initial: initial || defaultProps.initial,
      animate: animate || defaultProps.animate,
      exit: exit || defaultProps.exit,
      transition: transition || defaultProps.transition,
      children: children
    })
  });
};

exports.Fade = Fade;