@payfit/unity-components/dist/esm/components/nav/Nav.js

import e from "../../hooks/use-id.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region src/components/nav/Nav.tsx
function r({ children: r, title: i, ...a }) {
	let o = `nav-title-${e()}`;
	return /* @__PURE__ */ n("nav", {
		...a,
		className: "uy:flex uy:flex-col uy:gap-50 uy:min-w-[264px]",
		"aria-labelledby": o,
		children: [/* @__PURE__ */ t("h3", {
			id: o,
			className: "uy:typography-body-strong uy:text-content-neutral uy:py-100 uy:px-150",
			children: i
		}), /* @__PURE__ */ t("ul", {
			className: "uy:flex uy:flex-col uy:gap-50 uy:list-none",
			children: r
		})]
	});
}
r.displayName = "Nav";
//#endregion
export { r as Nav };