import './pl-loader-circular.css';/* empty css                   */
import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeStyle as r, openBlock as i } from "vue";
var a = { class: "pl-loader-circular" }, o = {
	class: "pl-loader-circular__svg",
	viewBox: "25 25 50 50"
}, s = ["stroke"], c = /* @__PURE__ */ n({
	__name: "PlLoaderCircular",
	props: { size: { default: "16" } },
	setup(n) {
		return (c, l) => (i(), e("div", a, [t("div", {
			style: r({
				height: `${n.size}px`,
				width: `${n.size}px`,
				"--main-color": `${+n.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`
			}),
			class: "pl-circle-loader__wrapper"
		}, [(i(), e("svg", o, [t("circle", {
			class: "pl-loader-circular__svg-circle",
			cx: "50",
			cy: "50",
			r: "20",
			fill: "none",
			stroke: `${+n.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
			"stroke-width": "2"
		}, null, 8, s)]))], 4)]));
	}
});
export { c as default };

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