import { n as __exportAll } from "./chunk-B-1-B7_t.js";
import { n as Badge_default } from "./badge-BbQrSqE-.js";
import { a as CardDescription_default, n as CardTitle_default, o as CardContent_default, r as CardHeader_default, s as Card_default } from "./card-X74FuL7B.js";
import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
import { Construction } from "@lucide/vue";
//#region src/components/compositions/elements/display/ReactiveCanvasDisplay.vue?vue&type=script&setup=true&lang.ts
var _hoisted_1 = { class: "flex-1" };
var ReactiveCanvasDisplay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
	__name: "ReactiveCanvasDisplay",
	props: {
		label: {},
		classList: {}
	},
	setup(__props) {
		/**
		* STUB props-driven reactive canvas display.
		*
		* Pending the reactive canvas runtime (which itself depends on the
		* builder counterpart).
		*/
		const props = __props;
		const rootClass = computed(() => {
			const cl = props.classList;
			if (!cl) return "";
			return Array.isArray(cl) ? cl.join(" ") : cl;
		});
		return (_ctx, _cache) => {
			return openBlock(), createBlock(unref(Card_default), {
				class: normalizeClass(rootClass.value),
				"data-testid": "reactive-canvas-display"
			}, {
				default: withCtx(() => [createVNode(unref(CardHeader_default), { class: "flex flex-row items-center gap-3 p-4" }, {
					default: withCtx(() => [
						createVNode(unref(Construction), { class: "size-5 text-muted-foreground" }),
						createElementVNode("div", _hoisted_1, [createVNode(unref(CardTitle_default), { class: "text-base" }, {
							default: withCtx(() => [createTextVNode(toDisplayString(__props.label ?? "Reactive Canvas"), 1)]),
							_: 1
						}), createVNode(unref(CardDescription_default), null, {
							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Coming soon — reactive canvas runtime is not yet implemented. ", -1)])]),
							_: 1
						})]),
						createVNode(unref(Badge_default), { variant: "secondary" }, {
							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" reactive-canvas ", -1)])]),
							_: 1
						})
					]),
					_: 1
				}), createVNode(unref(CardContent_default), { class: "p-4 pt-0 text-sm text-muted-foreground" }, {
					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Awaiting the reactive-canvas builder counterpart. ", -1)])]),
					_: 1
				})]),
				_: 1
			}, 8, ["class"]);
		};
	}
});
//#endregion
//#region src/components/compositions/elements/display/ReactiveCanvasDisplay.vue
var ReactiveCanvasDisplay_exports = /* @__PURE__ */ __exportAll({ default: () => ReactiveCanvasDisplay_default });
var ReactiveCanvasDisplay_default = ReactiveCanvasDisplay_vue_vue_type_script_setup_true_lang_default;
//#endregion
export { ReactiveCanvasDisplay_exports as n, ReactiveCanvasDisplay_default as t };

//# sourceMappingURL=ReactiveCanvasDisplay-BqD_CaQ5.js.map