@yandex/ui/Badge/Badge.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Badge = exports.cnBadge = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var classname_1 = require("@bem-react/classname");
require("./Badge.css");
exports.cnBadge = classname_1.cn('Badge');
/**
 * Индикатор-счётчик новой информации
 * @param {BadgeProps} props
 */
var Badge = function (_a) {
    var color = _a.color, textColor = _a.textColor, outlineColor = _a.outlineColor, content = _a.content, children = _a.children, innerRef = _a.innerRef, style = _a.style, className = _a.className, props = tslib_1.__rest(_a, ["color", "textColor", "outlineColor", "content", "children", "innerRef", "style", "className"]);
    return (react_1.default.createElement("div", tslib_1.__assign({ ref: innerRef }, props, { className: exports.cnBadge(null, [className]) }),
        children,
        react_1.default.createElement("div", { className: exports.cnBadge('Dot', { withChildren: Boolean(children), withContent: Boolean(content) }), style: tslib_1.__assign({ backgroundColor: color, color: textColor, borderColor: outlineColor }, style) }, content)));
};
exports.Badge = Badge;
exports.Badge.displayName = exports.cnBadge();