@primer/react/lib-esm/deprecated/Button/ButtonClose.js

An implementation of GitHub's Primer Design System using React

import { XIcon } from '@primer/octicons-react';
import React__default, { forwardRef } from 'react';
import styled from 'styled-components';
import { get } from '../../constants.js';
import sx from '../../sx.js';

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
const StyledButton = styled.button.withConfig({
  displayName: "ButtonClose__StyledButton",
  componentId: "sc-azdk6r-0"
})(["border:none;padding:0;background:transparent;cursor:pointer;border-radius:", ";color:", ";&:focus{outline:solid 2px ", ";}&:hover{color:", ";}", ";"], get('radii.2'), get('colors.fg.muted'), get('colors.accent.fg'), get('colors.accent.fg'), sx);
const ButtonClose = /*#__PURE__*/forwardRef((props, ref) => {
  return /*#__PURE__*/React__default.createElement(StyledButton, _extends({
    ref: ref,
    "aria-label": "Close"
  }, props), /*#__PURE__*/React__default.createElement(XIcon, null));
});
var ButtonClose$1 = ButtonClose;

export { ButtonClose$1 as default };