import { defineComponent as i, computed as r, createElementBlock as s, openBlock as m, normalizeClass as p, toDisplayString as d } from "vue";
const f = /* @__PURE__ */ i({
  __name: "TextChip",
  props: {
    label: {},
    variant: {},
    border: { type: Boolean },
    bold: { type: Boolean, default: !0 },
    size: { default: "md" }
  },
  setup(o) {
    const e = o, n = r(() => e.variant === "warning" ? "primary" : "typo-" + e.variant), t = r(() => e.variant === "neutral" ? "neutral-gray-100" : "system-" + e.variant + "-100"), a = r(() => e.size === "xs" ? "text-[8px] tracking-wide leading-[10px] no-underline" : e.size === "sm" ? e.bold ? "fm-typo-en-body-sm-600" : "fm-typo-en-body-sm-400" : e.bold ? "fm-typo-en-body-md-600" : "fm-typo-en-body-md-400");
    return (l, u) => (m(), s("span", {
      class: p(`inline-block fm-corner-radius-md px-4 py-[2px] ${a.value} text-fm-color-${n.value} bg-fm-color-${t.value} text-nowrap max-w-full ${e.border ? "border border-fm-color-neutral-gray-400" : ""}`)
    }, d(l.label), 3));
  }
});
export {
  f as _
};
