@activecollab/components/dist/esm/components/Tag/Tag.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["name", "color", "showText", "showDot", "className"];
import React, { forwardRef } from "react";
import classnames from "classnames";
import { StyledTag, StyledTagText, StyledTagDot } from "./Styles";
export const Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
  let {
      name,
      color,
      showText = true,
      showDot = true,
      className
    } = _ref,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  return /*#__PURE__*/React.createElement(StyledTag, _extends({
    className: classnames("c-tag", className),
    ref: ref
  }, rest), showDot ? /*#__PURE__*/React.createElement(StyledTagDot, {
    $showText: showText,
    color: color
  }) : null, showText ? /*#__PURE__*/React.createElement(StyledTagText, {
    color: color
  }, name) : null);
});
Tag.displayName = "Tag";
//# sourceMappingURL=Tag.js.map