@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 = _ref.name,
    color = _ref.color,
    _ref$showText = _ref.showText,
    showText = _ref$showText === void 0 ? true : _ref$showText,
    _ref$showDot = _ref.showDot,
    showDot = _ref$showDot === void 0 ? true : _ref$showDot,
    className = _ref.className,
    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