'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var index = require('../../svg-icon/index.js');

"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__ = vue.defineComponent({
  name: "me-status"
});
var script = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        __props.value === "success" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
          vue.createVNode(vue.unref(index.MeSvgIcon), {
            color: "#2FB344",
            name: __props.successIcon,
            size: __props.size
          }, null, 8, ["name", "size"]),
          __props.label ? (vue.openBlock(), vue.createElementBlock(
            "span",
            _hoisted_3,
            vue.toDisplayString(__props.label),
            1
            /* TEXT */
          )) : vue.createCommentVNode("v-if", true)
        ])) : vue.createCommentVNode("v-if", true),
        __props.value === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
          vue.createVNode(vue.unref(index.MeSvgIcon), {
            color: "#D63939",
            name: __props.errorIcon,
            size: __props.size
          }, null, 8, ["name", "size"]),
          __props.label ? (vue.openBlock(), vue.createElementBlock(
            "span",
            _hoisted_5,
            vue.toDisplayString(__props.label),
            1
            /* TEXT */
          )) : vue.createCommentVNode("v-if", true)
        ])) : vue.createCommentVNode("v-if", true),
        __props.value === "warning" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
          vue.createVNode(vue.unref(index.MeSvgIcon), {
            color: "#E6A23C",
            name: __props.warningIcon,
            size: __props.size
          }, null, 8, ["name", "size"]),
          __props.label ? (vue.openBlock(), vue.createElementBlock(
            "span",
            _hoisted_7,
            vue.toDisplayString(__props.label),
            1
            /* TEXT */
          )) : vue.createCommentVNode("v-if", true)
        ])) : vue.createCommentVNode("v-if", true),
        __props.value === "normal" || __props.value == "" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
          __props.label ? (vue.openBlock(), vue.createElementBlock(
            "span",
            _hoisted_9,
            vue.toDisplayString(__props.label),
            1
            /* TEXT */
          )) : vue.createCommentVNode("v-if", true)
        ])) : vue.createCommentVNode("v-if", true)
      ]);
    };
  }
});

exports.default = script;
//# sourceMappingURL=status.vue2.js.map
