import { defineComponent as n, computed as t, createBlock as i, openBlock as a, unref as l, normalizeClass as c } from "vue";
import m from "../PlSvg/PlSvg.vue.js";
const k = /* @__PURE__ */ n({
  __name: "PlIcon24",
  props: {
    name: {},
    size: {},
    color: {},
    stroke: {}
  },
  setup(r) {
    const e = r, o = t(() => {
      if (typeof e.size == "string") {
        if (e.size === "small") return 16;
        if (e.size === "medium") return 24;
        if (e.size === "large") return 32;
      }
      return e.size ?? 24;
    });
    return (s, u) => (a(), i(l(m), {
      name: `24_${e.name}`,
      class: c(["icon-24", "mask-24", `icon-${e.name}`, `mask-${e.name}`, s.$style.icon]),
      width: o.value,
      height: o.value,
      color: e.color,
      stroke: e.stroke
    }, null, 8, ["name", "class", "width", "height", "color", "stroke"]));
  }
});
export {
  k as default
};
//# sourceMappingURL=PlIcon24.vue2.js.map
