(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-status-tag{border-radius:4px;border:1px solid var(--txt-01);padding:2px 8px;width:fit-content;height:24px}.pl-status-tag.ok{background:var(--notification-success)}.pl-status-tag.warn{background:var(--notification-warning)}.pl-status-tag.alert{background:var(--notification-error)}.pl-status-tag.hold{background:var(--notification-neutral)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
import { defineComponent as o, reactive as r, createElementBlock as a, createCommentVNode as p, openBlock as s, mergeProps as n, renderSlot as l, createTextVNode as c, toDisplayString as m } from "vue";

const T = /* @__PURE__ */ o({
  __name: "PlStatusTag",
  props: {
    type: {}
  },
  setup(d) {
    const t = r({
      typeToText: {
        OK: "OK",
        WARN: "WARN",
        ALERT: "ALERT",
        HOLD: "HOLD"
      }
    });
    return (e, i) => e.type ? (s(), a("div", n({ key: 0 }, e.$attrs, {
      class: [{ [e.type.toLocaleLowerCase()]: !0 }, "pl-status-tag text-caps11 d-flex align-center"]
    }), [
      l(e.$slots, "default", {}, () => [
        c(m(t.typeToText[e.type]), 1)
      ])
    ], 16)) : p("", !0);
  }
});
export {
  T as default
};
//# sourceMappingURL=PlStatusTag.vue.js.map
