mongodb-chatbot-ui
Version:
UI React components for the MongoDB Chatbot Framework
125 lines (124 loc) • 4.46 kB
JavaScript
import _ from "react";
import { m as l, z as F, a3 as I, F as r, v as x, d as T, n as q } from "./index2.js";
function o(e, n, i) {
return (n = function(g) {
var u = function(c, s) {
if (typeof c != "object" || !c)
return c;
var y = c[Symbol.toPrimitive];
if (y !== void 0) {
var d = y.call(c, s);
if (typeof d != "object")
return d;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(c);
}(g, "string");
return typeof u == "symbol" ? u : u + "";
}(n)) in e ? Object.defineProperty(e, n, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = i, e;
}
function p() {
return p = Object.assign ? Object.assign.bind() : function(e) {
for (var n = 1; n < arguments.length; n++) {
var i = arguments[n];
for (var g in i)
({}).hasOwnProperty.call(i, g) && (e[g] = i[g]);
}
return e;
}, p.apply(null, arguments);
}
function a(e, n) {
return n || (n = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(n) } }));
}
var j, G, P, B, L, z, D, N, S, $, E, R, Y, t = { DarkGray: "darkgray", LightGray: "lightgray", Red: "red", Yellow: "yellow", Blue: "blue", Green: "green" }, A = l(j || (j = a([`
font-family: `, `;
display: inline-flex;
align-items: center;
font-weight: `, `;
font-size: 12px;
line-height: 16px;
border-radius: 24px;
height: 18px;
padding-left: 6px;
padding-right: 6px;
text-transform: uppercase;
border: 1px solid;
letter-spacing: 0.4px;
`])), F.default, I.bold), C = o(o({}, x.Dark, o(o(o(o(o(o({}, t.LightGray, l(G || (G = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.gray.dark3, r.gray.dark2, r.gray.light2)), t.DarkGray, l(P || (P = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.gray.dark1, r.gray.base, r.gray.light3)), t.Red, l(B || (B = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.red.dark3, r.red.dark2, r.red.light2)), t.Yellow, l(L || (L = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.yellow.dark3, r.yellow.dark2, r.yellow.light2)), t.Blue, l(z || (z = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.blue.dark2, r.blue.dark1, r.blue.light2)), t.Green, l(D || (D = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.green.dark3, r.green.dark2, r.green.light1))), x.Light, o(o(o(o(o(o({}, t.LightGray, l(N || (N = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.gray.light3, r.gray.light2, r.gray.dark1)), t.DarkGray, l(S || (S = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.gray.dark2, r.gray.dark3, r.white)), t.Red, l($ || ($ = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.red.light3, r.red.light2, r.red.dark2)), t.Yellow, l(E || (E = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.yellow.light3, r.yellow.light2, r.yellow.dark2)), t.Blue, l(R || (R = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.blue.light3, r.blue.light2, r.blue.dark1)), t.Green, l(Y || (Y = a([`
background-color: `, `;
border-color: `, `;
color: `, `;
`])), r.green.light3, r.green.light2, r.green.dark2))), H = ["children", "variant", "className", "darkMode"];
function J(e) {
var n = e.children, i = e.variant, g = i === void 0 ? t.LightGray : i, u = e.className, c = e.darkMode, s = function(d, m) {
if (d == null)
return {};
var b, f, v = function(h, M) {
if (h == null)
return {};
var O = {};
for (var k in h)
if ({}.hasOwnProperty.call(h, k)) {
if (M.indexOf(k) !== -1)
continue;
O[k] = h[k];
}
return O;
}(d, m);
if (Object.getOwnPropertySymbols) {
var w = Object.getOwnPropertySymbols(d);
for (f = 0; f < w.length; f++)
b = w[f], m.indexOf(b) === -1 && {}.propertyIsEnumerable.call(d, b) && (v[b] = d[b]);
}
return v;
}(e, H), y = T(c).theme;
return _.createElement("div", p({}, s, { className: q(A, C[y][g], u) }), n);
}
J.displayName = "Badge";
export {
J as B
};