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

//# sourceMappingURL=PlIcon24.vue2.js.map