Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 

58 rader
1.8 KiB

  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _react = _interopRequireDefault(require("react"));
  8. var _propTypes = _interopRequireDefault(require("prop-types"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _utils = require("./utils");
  11. var propTypes = {
  12. color: _propTypes.default.string,
  13. pill: _propTypes.default.bool,
  14. tag: _utils.tagPropType,
  15. innerRef: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func, _propTypes.default.string]),
  16. children: _propTypes.default.node,
  17. className: _propTypes.default.string,
  18. cssModule: _propTypes.default.object
  19. };
  20. var defaultProps = {
  21. color: 'secondary',
  22. pill: false,
  23. tag: 'span'
  24. };
  25. var Badge = function Badge(props) {
  26. var className = props.className,
  27. cssModule = props.cssModule,
  28. color = props.color,
  29. innerRef = props.innerRef,
  30. pill = props.pill,
  31. Tag = props.tag,
  32. attributes = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "cssModule", "color", "innerRef", "pill", "tag"]);
  33. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)(className, 'badge', 'badge-' + color, pill ? 'badge-pill' : false), cssModule);
  34. if (attributes.href && Tag === 'span') {
  35. Tag = 'a';
  36. }
  37. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  38. className: classes,
  39. ref: innerRef
  40. }));
  41. };
  42. Badge.propTypes = propTypes;
  43. Badge.defaultProps = defaultProps;
  44. var _default = Badge;
  45. exports.default = _default;