'use strict';

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

var vue = require('vue');
var status = require('./status.js');

const _hoisted_1 = { class: "gm-flex gm-items-center" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "GmStatus"
  },
  __name: "status",
  props: status.statusProps,
  setup(__props) {
    const props = __props;
    const doitStyle = vue.computed(() => {
      if (props.doitColor) {
        return {
          background: props.doitColor
        };
      }
      return {};
    });
    const textStyle = vue.computed(() => {
      if (props.textColor) {
        return {
          color: props.textColor
        };
      }
      return {};
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode(
          "i",
          {
            class: vue.normalizeClass(["gm-mr-2 gm-inline-block gm-h-1 gm-w-1 gm-rounded-full gm-align-middle", {
              "gm-bg-primary": props.type == "success",
              "gm-bg-error": props.type == "error",
              "gm-bg-warning": props.type == "warning"
            }]),
            style: vue.normalizeStyle(doitStyle.value)
          },
          null,
          6
          /* CLASS, STYLE */
        ),
        vue.createElementVNode(
          "div",
          {
            class: "gm-flex-1 gm-align-middle",
            style: vue.normalizeStyle(textStyle.value)
          },
          [
            vue.renderSlot(_ctx.$slots, "default")
          ],
          4
          /* STYLE */
        )
      ]);
    };
  }
});

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