import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
import { ElCard } from 'element-plus';
import { MeSvgIcon } from '../../svg-icon/index.mjs';

"use strict";
const _hoisted_1 = { class: "title flex-center" };
var script = /* @__PURE__ */ defineComponent({
  __name: "tree-menu-card",
  props: {
    title: {
      type: String,
      default: ""
    },
    icon: {
      type: String,
      default: ""
    }
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _cache) => {
      return openBlock(), createBlock(
        unref(ElCard),
        mergeProps({ class: "me-tree-menu-card" }, _ctx.$attrs, { shadow: "never" }),
        {
          header: withCtx(() => [
            createElementVNode("span", _hoisted_1, [
              __props.icon ? (openBlock(), createBlock(unref(MeSvgIcon), {
                key: 0,
                name: __props.icon,
                prefix: "",
                style: { "margin-right": "5px" }
              }, null, 8, ["name"])) : createCommentVNode("v-if", true),
              createTextVNode(
                " " + toDisplayString(__props.title),
                1
                /* TEXT */
              )
            ]),
            createElementVNode("div", null, [
              renderSlot(_ctx.$slots, "header-right")
            ])
          ]),
          default: withCtx(() => [
            renderSlot(_ctx.$slots, "default")
          ]),
          _: 3
          /* FORWARDED */
        },
        16
        /* FULL_PROPS */
      );
    };
  }
});

export { script as default };
//# sourceMappingURL=tree-menu-card.vue2.mjs.map
