import { container as e, tabRecipe as t } from "./tabs.css.js";
import { jsx as n } from "react/jsx-runtime";
import r from "@plumile/router/routing/Link.js";
import i from "@plumile/router/routing/useLocation.js";
//#region src/atomic/molecules/tabs/Tabs.tsx
var a = r, o = (r) => {
	let { items: o, ariaLabel: s } = r, { pathname: c } = i();
	return /* @__PURE__ */ n("nav", {
		"aria-label": s,
		className: e,
		children: o.map((e) => {
			let { disabled: r, id: i, label: o, to: s } = e, l = c === s, u;
			r && (u = !0);
			let d = "default", f;
			r ? (d = "disabled", f = -1) : l && (d = "active");
			let p = (e) => {
				r && e.preventDefault();
			}, m;
			return l && (m = "page"), /* @__PURE__ */ n(a, {
				exact: !0,
				"aria-current": m,
				"aria-disabled": u,
				className: t({ state: d }),
				to: s,
				tabIndex: f,
				onClick: p,
				children: o
			}, i);
		})
	});
};
//#endregion
export { o as Tabs };

//# sourceMappingURL=Tabs.js.map