import { item as e, itemLink as t, label as n, list as r, value as i } from "./DashboardStatusList.css.js";
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
import c from "@plumile/router/routing/Link.js";
//#region src/components/dashboard/dashboard_status_list/DashboardStatusList.tsx
var l = ({ emptyState: l = null, items: u }) => u.length === 0 ? /* @__PURE__ */ o(a, { children: l }) : /* @__PURE__ */ o("div", {
	className: r,
	children: u.map((r, l) => {
		let u = `${r.id}-${l}`, d = /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
			className: n,
			children: r.label
		}), /* @__PURE__ */ o("span", {
			className: i,
			children: r.value
		})] });
		return r.href == null ? /* @__PURE__ */ o("div", {
			className: e,
			children: d
		}, u) : /* @__PURE__ */ o(c, {
			to: r.href,
			className: t,
			children: d
		}, u);
	})
});
//#endregion
export { l as DashboardStatusList, l as default };

//# sourceMappingURL=DashboardStatusList.js.map