@frontify/fondue
Version:
Design system of Frontify
31 lines (30 loc) • 884 B
JavaScript
import { jsx as i } from "react/jsx-runtime";
import { merge as x } from "../../utilities/merge.es.js";
const w = {
default: "tw-font-regular",
strong: "tw-font-bold"
}, n = {
small: "tw-text-code-small",
medium: "tw-text-code-medium",
large: "tw-text-code-large"
}, s = {
default: "tw-text-text",
weak: "tw-text-text-weak",
"x-weak": "tw-text-text-x-weak",
disabled: "tw-text-text-disabled",
negative: "tw-text-text-negative",
positive: "tw-text-text-positive",
warning: "tw-text-text-warning",
interactive: "tw-text-text-interactive"
}, r = ({
children: t,
as: e = "span",
weight: a = "default",
size: o = "medium",
color: d = "default"
}) => /* @__PURE__ */ i(e, { "data-test-id": "code", className: x(["tw-font-code", w[a], n[o], s[d]]), children: t });
r.displayName = "FondueCode";
export {
r as Code
};
//# sourceMappingURL=Code.es.js.map