@cuvp1225/tango-mail/lib/cjs/components/badge/index.js

react mail components for tango

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Badge = void 0;
const tslib_1 = require("tslib");
const tango_boot_1 = require("@music163/tango-boot");
const react_1 = tslib_1.__importDefault(require("react"));
const classnames_1 = tslib_1.__importDefault(require("classnames"));
function BadgeView(_a) {
    var { color = 'blue', showBorder, isPill, className, children } = _a, props = tslib_1.__rest(_a, ["color", "showBorder", "isPill", "className", "children"]);
    return (react_1.default.createElement("span", Object.assign({ className: (0, classnames_1.default)('text-xs font-medium me-2 px-2.5 py-0.5 rounded', {
            [`bg-${color}-100 text-${color}-800`]: color,
            [`border border-solid border-${color}-400`]: showBorder,
            rounded: !isPill,
            'rounded-full': isPill,
        }, className) }, props), children));
}
exports.Badge = (0, tango_boot_1.defineComponent)(BadgeView, {
    name: 'Badge',
    designerConfig: {
        display: 'inline-block',
    },
});