@atlaskit/drawer/dist/cjs/blanket.js

A drawer is a panel that slides in from the left side of the screen.

/* blanket.tsx generated by @compiled/babel-plugin v3.0.2 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("./blanket.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _react = _interopRequireDefault(require("react"));
var _blanket = _interopRequireDefault(require("@atlaskit/blanket/blanket"));
var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
var styles = {
  blanket: "_kqswh2mm"
};

/**
 * A wrapper around `@atlaskit/blanket` that adds a fade in/out transition.
 */
var Blanket = function Blanket(_ref) {
  var isOpen = _ref.isOpen,
    onBlanketClicked = _ref.onBlanketClicked,
    testId = _ref.testId;
  return /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, {
    appear: true
  }, isOpen && /*#__PURE__*/_react.default.createElement(_fadeIn.default
  /*
   * The fade out animation uses half the passed duration so it evens out.
   */, {
    duration: "large"
    /**
     * We don't expose this on `FadeIn` but it does get passed down.
     * TODO: figure out how we want to handle this...
     */
    // @ts-ignore
    ,
    animationTimingFunction: "ease-out"
  }, function (_ref2) {
    var className = _ref2.className;
    return /*#__PURE__*/_react.default.createElement("div", {
      className: (0, _runtime.ax)([styles.blanket, className])
    }, /*#__PURE__*/_react.default.createElement(_blanket.default, {
      isTinted: true,
      onBlanketClicked: onBlanketClicked,
      testId: testId && testId
    }));
  }));
};
var _default = exports.default = Blanket;