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

Beans' product component library

import * as React from 'react';
import { classNames } from '../../utils/classNames/index.js';
import '@floating-ui/react';
import { TagGroup } from './TagGroup.js';
import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';

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

export { Tag };
//# sourceMappingURL=Tag.js.map