maz-ui/components/MazBadge.mjs

A standalone components library for Vue.Js 3 & Nuxt.Js 3

import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as d, normalizeStyle as p, renderSlot as u } from "vue";
import './assets/MazBadge.CIY0hr5U.css';const f = /* @__PURE__ */ n({
  __name: "MazBadge",
  props: {
    color: { default: "primary" },
    size: { default: "0.8em" },
    nowrap: { type: Boolean, default: !1 },
    outline: { type: Boolean, default: !1 },
    pastel: { type: Boolean, default: !1 },
    roundedSize: { default: "md" }
  },
  setup(o) {
    return (e, a) => (r(), s(
      "span",
      {
        class: d(["m-badge m-reset-css", [
          `--${e.color}`,
          { "--outline": e.outline, "--pastel": e.pastel, "--nowrap": e.nowrap },
          `--rounded-${e.roundedSize}`
        ]]),
        style: p({ fontSize: e.size })
      },
      [
        u(e.$slots, "default", {}, void 0, !0)
      ],
      6
      /* CLASS, STYLE */
    ));
  }
}), i = (o, e) => {
  const a = o.__vccOpts || o;
  for (const [t, l] of e)
    a[t] = l;
  return a;
}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-6e8e9093"]]);
export {
  c as default
};