@trellixio/roaster-coffee/cjs/components/Tag/Tag.js

Beans' product component library

'use strict';

var React = require('react');
var index = require('../../utils/classNames/index.js');
require('@floating-ui/react');
var TagGroup = require('./TagGroup.js');
var ButtonIcon = require('../ButtonIcon/ButtonIcon.js');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    for (var k in e) {
      n[k] = e[k];
    }
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

const Tag = React__namespace.forwardRef(
  ({ children, onRemove, color = "grey", className }, ref) => {
    return /* @__PURE__ */ React__namespace.createElement("em", { ref, className: index.classNames("tag", color, className) }, children, onRemove && /* @__PURE__ */ React__namespace.createElement(ButtonIcon.ButtonIcon, { variant: "close-tag", onClick: onRemove }, /* @__PURE__ */ React__namespace.createElement("i", { className: "fa-regular fa-xmark" })));
  }
);
Tag.displayName = "Tag";
Tag.Group = TagGroup.TagGroup;

exports.Tag = Tag;
//# sourceMappingURL=Tag.js.map