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

//# sourceMappingURL=SegmentedNav.js.map