import { defineComponent as d, computed as a, openBlock as m, createElementBlock as i, normalizeStyle as s, normalizeClass as r, unref as e, createTextVNode as f, toDisplayString as y, createElementVNode as g, createCommentVNode as S } from "vue";
import "../../config-provider/index.mjs";
import x from "./style/index.mjs";
import { useNamespace as h } from "../../config-provider/hooks/use-namespace.mjs";
const B = /* @__PURE__ */ d({
  name: "ApStatus",
  __name: "ApStatus",
  props: {
    text: {},
    padding: { default: 8 },
    color: { default: "#0070FF" },
    show: { type: Boolean, default: !0 },
    style: {}
  },
  setup(l) {
    const t = l, n = a(() => ({
      "padding-left": `${t.padding}px`,
      "padding-right": `${t.padding}px`,
      color: t.color,
      ...t.style
    })), p = a(() => ({
      "background-color": t.color
    })), { b: c, e: o } = h("ap-status"), u = x("ap-status");
    return (_, k) => t.show ? (m(), i("div", {
      key: 0,
      class: r([e(c)(), e(u)]),
      style: s(n.value)
    }, [
      f(y(t.text) + " ", 1),
      g("div", {
        class: r([e(o)("bg"), e(o)("primary")]),
        style: s(p.value)
      }, null, 6)
    ], 6)) : S("", !0);
  }
});
export {
  B as default
};
