import { A as e, at as t, b as n, d as r, h as i, m as a, p as o, rt as s, w as c } from "./vue.runtime.esm-bundler-BDSGA5hA.js";
import { E as l } from "./keys-B8K7Z7Ef.js";
import { t as u } from "./useI18n-CBbStVlD.js";
import { t as d } from "./circle-alert-CPH6l3Lc.js";
import { t as f } from "./triangle-alert-MwJBKR2e.js";
//#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
var p = ["title", "aria-label"], m = /* @__PURE__ */ n({
	__name: "BlockIssueBadge",
	props: { blockId: {} },
	setup(n) {
		let m = n, { t: h } = u(), g = c(l, null), _ = r(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = r(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = r(() => v.value === "error" ? h.issues.badgeError : h.issues.badgeWarning);
		return (n, r) => v.value ? (e(), i("span", {
			key: 0,
			class: t(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
			title: y.value,
			"aria-label": y.value,
			role: "img"
		}, [v.value === "error" ? (e(), o(s(d), {
			key: 0,
			size: 14,
			"stroke-width": 2.25,
			fill: "currentColor",
			stroke: "var(--tpl-bg)"
		})) : (e(), o(s(f), {
			key: 1,
			size: 14,
			"stroke-width": 2.25,
			fill: "currentColor",
			stroke: "var(--tpl-bg)"
		}))], 10, p)) : a("", !0);
	}
});
//#endregion
export { m as default };
