/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/NavList/NavList.tsx
/**
* Renders a horizontal list of anchor links, optionally sticky.
*/
var NavList = ({ items, LinkComponent, sticky = false }) => {
	return /* @__PURE__ */ jsx("nav", {
		className: `bg-card z-10 py-2 shadow-xs${sticky ? " sticky top-0" : ""}`,
		children: /* @__PURE__ */ jsx("ul", {
			className: "container mx-auto flex space-x-6 overflow-x-auto px-4",
			children: items.map((item) => /* @__PURE__ */ jsx("li", {
				className: "whitespace-nowrap",
				children: /* @__PURE__ */ jsx(LinkComponent, {
					href: item.href,
					children: item.title
				})
			}, item.href))
		})
	});
};
NavList.displayName = "NavList";
//#endregion
export { NavList };

//# sourceMappingURL=NavList.js.map