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

Primer react components

import { XIcon } from '@primer/octicons-react';
import styled from 'styled-components';
import { defaultTokenSize } from "./TokenBase";
import { tokenButtonStyles, variants, getTokenButtonIconSize } from './_tokenButtonUtils';
const RemoveTokenButton = styled.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(XIcon, {
      size: getTokenButtonIconSize(variant)
    })
  };
}).withConfig({
  displayName: "_RemoveTokenButton__RemoveTokenButton",
  componentId: "sc-14lvcw1-0"
})(["", " ", " transform:", ";"], tokenButtonStyles, variants, props => `translate(${props.borderOffset}px, -${props.borderOffset}px)`);
RemoveTokenButton.defaultProps = {
  variant: defaultTokenSize
};
export default RemoveTokenButton;