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

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

import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import IconButton from '@atlaskit/button/icon/button';
import ArrowLeft from '@atlaskit/icon/core/arrow-left';
import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
import { useOnClose } from '../use-on-close';

/**
 * __Drawer close button
 *
 * A button that closes the drawer.
 */
export const DrawerCloseButton = ({
  icon: Icon,
  label = 'Close drawer',
  testId = 'DrawerCloseButton'
}) => {
  useEnsureIsInsideDrawer();
  const onClose = useOnClose();
  return /*#__PURE__*/React.createElement(IconButton, {
    onClick: onClose,
    testId: testId,
    icon: Icon ? iconProps => /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
      size: "large"
    })) : ArrowLeft,
    label: label,
    shape: "circle",
    appearance: "subtle"
  });
};