import { defineComponent, openBlock, createElementBlock, createVNode, unref, toDisplayString, createCommentVNode } from 'vue';
import { MeSvgIcon } from '../../svg-icon/index.mjs';

"use strict";
const _hoisted_1 = { class: "me-status" };
const _hoisted_2 = {
  key: 0,
  class: "item"
};
const _hoisted_3 = {
  key: 0,
  class: "label"
};
const _hoisted_4 = {
  key: 1,
  class: "item"
};
const _hoisted_5 = {
  key: 0,
  class: "label"
};
const _hoisted_6 = {
  key: 2,
  class: "item"
};
const _hoisted_7 = {
  key: 0,
  class: "label"
};
const _hoisted_8 = {
  key: 3,
  class: "item"
};
const _hoisted_9 = {
  key: 0,
  class: "label"
};
const __default__ = defineComponent({
  name: "me-status"
});
var script = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    value: { type: String, required: true, default: "normal" },
    label: { type: String, required: false },
    size: { type: Number, required: false, default: 18 },
    successIcon: { type: String, required: false, default: "ri-checkbox-circle-fill" },
    errorIcon: { type: String, required: false, default: "ri-close-circle-fill" },
    warningIcon: { type: String, required: false, default: "ri-error-warning-fill" }
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        __props.value === "success" ? (openBlock(), createElementBlock("div", _hoisted_2, [
          createVNode(unref(MeSvgIcon), {
            color: "#2FB344",
            name: __props.successIcon,
            size: __props.size
          }, null, 8, ["name", "size"]),
          __props.label ? (openBlock(), createElementBlock(
            "span",
            _hoisted_3,
            toDisplayString(__props.label),
            1
            /* TEXT */
          )) : createCommentVNode("v-if", true)
        ])) : createCommentVNode("v-if", true),
        __props.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_4, [
          createVNode(unref(MeSvgIcon), {
            color: "#D63939",
            name: __props.errorIcon,
            size: __props.size
          }, null, 8, ["name", "size"]),
          __props.label ? (openBlock(), createElementBlock(
            "span",
            _hoisted_5,
            toDisplayString(__props.label),
            1
            /* TEXT */
          )) : createCommentVNode("v-if", true)
        ])) : createCommentVNode("v-if", true),
        __props.value === "warning" ? (openBlock(), createElementBlock("div", _hoisted_6, [
          createVNode(unref(MeSvgIcon), {
            color: "#E6A23C",
            name: __props.warningIcon,
            size: __props.size
          }, null, 8, ["name", "size"]),
          __props.label ? (openBlock(), createElementBlock(
            "span",
            _hoisted_7,
            toDisplayString(__props.label),
            1
            /* TEXT */
          )) : createCommentVNode("v-if", true)
        ])) : createCommentVNode("v-if", true),
        __props.value === "normal" || __props.value == "" ? (openBlock(), createElementBlock("div", _hoisted_8, [
          __props.label ? (openBlock(), createElementBlock(
            "span",
            _hoisted_9,
            toDisplayString(__props.label),
            1
            /* TEXT */
          )) : createCommentVNode("v-if", true)
        ])) : createCommentVNode("v-if", true)
      ]);
    };
  }
});

export { script as default };
//# sourceMappingURL=status.vue2.mjs.map
