'use strict';

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

var vue = require('vue');
var remixiconSymbol = require('remixicon/fonts/remixicon.symbol.svg');

"use strict";
const _hoisted_1 = ["xlink:href"];
const __default__ = vue.defineComponent({
  name: "me-svg-icon"
});
var script = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: {
    name: { type: String, required: true },
    color: { type: String, required: false, default: "#0000000" },
    size: { type: Number, required: false, default: 16 }
  },
  setup(__props) {
    const props = __props;
    const svgName = vue.computed(() => {
      if (!props.name) return "";
      if (props.name.startsWith("ri-")) {
        return `${remixiconSymbol}#${props.name}`;
      } else {
        return props.name;
      }
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(
        "svg",
        {
          class: "icon",
          "aria-hidden": "true",
          style: vue.normalizeStyle({ color: __props.color, "font-size": __props.size ? `${__props.size}px` : "inherit" })
        },
        [
          vue.createElementVNode("use", { "xlink:href": svgName.value }, null, 8, _hoisted_1)
        ],
        4
        /* STYLE */
      );
    };
  }
});

exports.default = script;
//# sourceMappingURL=svg-icon.vue2.js.map
