@atlaskit/drawer/dist/cjs/drawer-panel/drawer-close-button.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DrawerCloseButton = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
var _useEnsureIsInsideDrawer = require("../use-ensure-is-inside-drawer");
var _useOnClose = require("../use-on-close");
/**
 * __Drawer close button
 *
 * A button that closes the drawer.
 */
var DrawerCloseButton = exports.DrawerCloseButton = function DrawerCloseButton(_ref) {
  var Icon = _ref.icon,
    _ref$label = _ref.label,
    label = _ref$label === void 0 ? 'Close drawer' : _ref$label,
    _ref$testId = _ref.testId,
    testId = _ref$testId === void 0 ? 'DrawerCloseButton' : _ref$testId;
  (0, _useEnsureIsInsideDrawer.useEnsureIsInsideDrawer)();
  var onClose = (0, _useOnClose.useOnClose)();
  return /*#__PURE__*/_react.default.createElement(_button.default, {
    onClick: onClose,
    testId: testId,
    icon: Icon ? function (iconProps) {
      return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
        size: "large"
      }));
    } : _arrowLeft.default,
    label: label,
    shape: "circle",
    appearance: "subtle"
  });
};