import { n as e } from "./utils-DJ3DjJ60.js";
import { i as t } from "./Button-CG0BbgfC.js";
import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d, unref as f, useSlots as p } from "vue";
//#region ../components/DetailHeader/DetailHeader.vue?vue&type=script&setup=true&lang.ts
var m = { class: "common-card" }, h = { class: "detail-header" }, g = { class: "detail-header--left" }, _ = { class: "title common-title" }, v = { class: "info-pair--label" }, y = { class: "info-pair--value" }, b = {
	key: 1,
	class: "detail-header--right"
}, x = { class: "info-pair--label" }, S = { class: "info-pair--value" }, C = e(/* @__PURE__ */ t(/* @__PURE__ */ o({
	name: "ZhDetailHeader",
	__name: "DetailHeader",
	props: {
		title: {},
		leftInfos: {},
		rightInfos: {},
		stateMeta: {},
		stateDesc: {}
	},
	setup(e) {
		let t = p(), o = e;
		return (p, C) => (c(), i("div", m, [a("div", null, [u(p.$slots, "menu", {}, void 0, !0)]), a("div", h, [
			a("div", g, [
				a("div", _, d(o.title), 1),
				u(p.$slots, "extra-info", {}, void 0, !0),
				(c(!0), i(n, null, l(o.leftInfos, (e) => (c(), i("div", {
					class: "info-pair",
					key: e.value
				}, [a("div", v, d(e.label), 1), a("div", y, d(e.value ?? f("--")), 1)]))), 128))
			]),
			u(p.$slots, "default", {}, void 0, !0),
			f(t)["right-infos"] ? u(p.$slots, "right-infos", { key: 0 }, void 0, !0) : (c(), i("div", b, [(c(!0), i(n, null, l(o.rightInfos, (e) => (c(), i("div", {
				class: "info-pair",
				key: e.value
			}, [a("div", x, d(e.label), 1), a("div", S, d(e.value ?? f("--")), 1)]))), 128)), e.stateDesc || e.stateMeta ? (c(), i("div", {
				key: 0,
				class: s(["state common-title", e.stateMeta?.state])
			}, d(e.stateDesc || e.stateMeta?.intro), 3)) : r("", !0)]))
		])]));
	}
}), [["__scopeId", "data-v-8b185816"]]));
//#endregion
export { C as t };
