playtpus_ui/lib/src/components/badge/index.js

React Component Libary

"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BadgeEl = exports.Badge = void 0;
var react_1 = __importDefault(require("react"));
var styled_components_1 = __importDefault(require("styled-components"));
var config_1 = require("../../config");
exports.Badge = function (_a) {
    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.inverted, inverted = _c === void 0 ? false : _c, children = _a.children, _d = _a.bold, bold = _d === void 0 ? false : _d, onClick = _a.onClick, style = _a.style, className = _a.className;
    return (react_1.default.createElement(exports.BadgeEl, { className: className + " noselect", style: style, bold: bold, onClick: onClick, disabled: disabled, inverted: inverted }, children));
};
exports.BadgeEl = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: .5em;\n    background: ", ";\n    font-size: .8em;\n    color: white;\n    margin: .2em;\n    text-transform: capitalize;\n    padding .3em .6em;\n    ", ""], ["\n    border-radius: .5em;\n    background: ", ";\n    font-size: .8em;\n    color: white;\n    margin: .2em;\n    text-transform: capitalize;\n    padding .3em .6em;\n    ",
    ""])), config_1.primaryColor, function (props) { return "\n    " + (props.bold ? "font-weight: bolder;" : '') + "\n    " + (props.inverted
    ? "background: white !important;\n        color: " + config_1.primaryColor + ";\n        padding .1em .4em;\n        border: .2em solid " + config_1.primaryColor + ";\n         color: " + config_1.primaryColor + ";"
    : props.disabled
        ? "background: " + "gray" + "; \n        color: white;"
        : "") + "   \n    "; });
exports.default = exports.Badge;
var templateObject_1;
//# sourceMappingURL=index.js.map