react-lightning-design-system
Version:
Salesforce Lightning Design System components built with React
31 lines (29 loc) • 1.3 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Badge = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _excluded = ["type", "label"];
/**
*
*/
/**
*
*/
var Badge = exports.Badge = function Badge(_ref) {
var type = _ref.type,
label = _ref.label,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var typeClassName = /^(inverse|lightest)$/.test(type !== null && type !== void 0 ? type : '') ? "slds-badge_".concat(type) : null;
var themeClassName = /^(success|warning|error)$/.test(type !== null && type !== void 0 ? type : '') ? "slds-theme_".concat(type) : null;
var badgeClassNames = (0, _classnames["default"])('slds-badge', typeClassName, themeClassName);
return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
className: badgeClassNames
}, props), label || props.children);
};
//# sourceMappingURL=Badge.js.map