@primer/components/lib/Token/_RemoveTokenButton.js

Primer react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _octiconsReact = require("@primer/octicons-react");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _TokenBase = require("./TokenBase");

var _tokenButtonUtils = require("./_tokenButtonUtils");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const RemoveTokenButton = _styledComponents.default.span.attrs(({
  borderOffset,
  parentTokenTag,
  variant,
  parentTokenIsInteractive,
  ...rest
}) => {
  delete rest.children;
  return {
    borderOffset,
    as: parentTokenIsInteractive ? 'span' : 'button',
    tabIndex: parentTokenIsInteractive ? -1 : undefined,
    'aria-label': !parentTokenIsInteractive ? 'Remove token' : undefined,
    children: /*#__PURE__*/React.createElement(_octiconsReact.XIcon, {
      size: (0, _tokenButtonUtils.getTokenButtonIconSize)(variant)
    })
  };
}).withConfig({
  displayName: "_RemoveTokenButton__RemoveTokenButton",
  componentId: "sc-14lvcw1-0"
})(["", " ", " transform:", ";"], _tokenButtonUtils.tokenButtonStyles, _tokenButtonUtils.variants, props => `translate(${props.borderOffset}px, -${props.borderOffset}px)`);

RemoveTokenButton.defaultProps = {
  variant: _TokenBase.defaultTokenSize
};
var _default = RemoveTokenButton;
exports.default = _default;