import { cx as e } from "../../../theme/tools.js";
import { active as t, item as n, nav as r } from "./SectionNav.css.js";
import { jsx as i } from "react/jsx-runtime";
import a from "@plumile/router/routing/Link.js";
//#region src/components/dashboard/section_nav/SectionNav.tsx
var o = ({ className: o, items: s }) => /* @__PURE__ */ i("nav", {
	className: e(r, o),
	children: s.map((r) => {
		let o = e(n, { [t]: r.isActive === !0 });
		return r.href == null ? /* @__PURE__ */ i("button", {
			type: "button",
			className: o,
			onClick: r.onClick,
			children: r.label
		}, r.id) : /* @__PURE__ */ i(a, {
			to: r.href,
			className: o,
			children: r.label
		}, r.id);
	})
});
//#endregion
export { o as SectionNav, o as default };

//# sourceMappingURL=SectionNav.js.map