text: import React$1 from 'react';
  import { useI18n } from '../../../../utilities/i18n/hooks.js';
  import { classNames } from '../../../../utilities/css.js';
  import { MobileCancelMajor } from '@shopify/polaris-icons';
  import { Icon as Icon$1 } from '../../../Icon/Icon.js';
  import styles from './CloseButton.scss.js';
  
  var _ref = /*#__PURE__*/React$1.createElement(Icon$1, {
    source: MobileCancelMajor,
    color: "inkLighter"
  });
  
  function CloseButton({
    title = true,
    onClick
  }) {
    const i18n = useI18n();
    const className = classNames(styles.CloseButton, !title && styles.withoutTitle);
    return /*#__PURE__*/React$1.createElement("button", {
      onClick: onClick,
      className: className,
      "aria-label": i18n.translate('Polaris.Common.close')
    }, _ref);
  }
  
  export { CloseButton };
  