@hitachivantara/uikit-react-core/dist/Header/Navigation/MenuBar/Bar.js

UI Kit Core React components.

import { SelectionContext } from "../utils/SelectionContext.js";
import { useClasses } from "./Bar.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { useContext } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/Header/Navigation/MenuBar/Bar.tsx
var Bar = (props) => {
	const { data = [], type = "menubar", className, children, classes: classesProp } = useDefaultProps("HvHeaderMenuBarBar", props);
	const { classes, cx } = useClasses(classesProp);
	const selectionPath = useContext(SelectionContext);
	const isMenu = type === "menu";
	const isActive = isMenu && data.some((item) => item.id === selectionPath?.[1]);
	return /* @__PURE__ */ jsx("div", {
		className: cx(classes.root, classes[type], {
			[classes.hidden]: isMenu,
			[classes.active]: isActive
		}, className),
		children: /* @__PURE__ */ jsx("ul", {
			className: classes.list,
			onFocus: () => {},
			children
		})
	});
};
//#endregion
export { Bar };