import { cx as e } from "../../../theme/tools.js";
import { useUiTranslation as t } from "../../../i18n/useUiTranslation.js";
import { SidebarHomeSvg as n } from "../../../icons/SidebarHomeSvg.js";
import { breadcrumb as r, breadcrumbItem as i, breadcrumbList as a, breadcrumbSeparator as o, homeIcon as s, homeLink as c } from "./breadcrumbNavigation.css.js";
import { BreadcrumbMenuDropdown as l } from "./BreadcrumbMenuDropdown.js";
import { jsx as u } from "react/jsx-runtime";
import d from "@plumile/router/routing/Link.js";
//#region src/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.tsx
var f = (f) => {
	let { t: p } = t(), { root: m, rootAriaLabel: h, ariaLabel: g, items: _ = [], className: v } = f, y = [];
	y.push(/* @__PURE__ */ u("li", {
		className: i,
		children: /* @__PURE__ */ u(d, {
			to: m.to,
			className: c,
			"aria-label": h,
			children: /* @__PURE__ */ u(n, {
				width: 16,
				height: 16,
				className: s
			})
		})
	}, "home"));
	for (let e of _) y.push(/* @__PURE__ */ u("li", {
		className: i,
		children: /* @__PURE__ */ u(l, {
			node: e.node,
			menu: e.menu,
			ariaLabel: e.labels?.ariaLabel ?? e.node.name,
			searchPlaceholder: e.labels?.searchPlaceholder ?? "",
			searchAriaLabel: e.labels?.searchAriaLabel ?? "",
			emptyLabel: e.labels?.emptyLabel ?? "",
			emptyMatchesLabel: e.labels?.emptyMatchesLabel ?? ""
		})
	}, e.id));
	let b = y.flatMap((e, t) => t === 0 ? [e] : [/* @__PURE__ */ u("li", {
		className: o,
		"aria-hidden": "true",
		children: "/"
	}, `separator-${t}`), e]);
	return /* @__PURE__ */ u("nav", {
		className: e(r, v),
		"aria-label": g ?? p("navigation.breadcrumb"),
		children: /* @__PURE__ */ u("ol", {
			className: a,
			children: b
		})
	});
};
//#endregion
export { f as BreadcrumbNavigation };

//# sourceMappingURL=BreadcrumbNavigation.js.map