@hitachivantara/uikit-react-core/dist/VerticalNavigation/Actions/Action.js

UI Kit Core React components.

import { HvButton } from "../../Button/Button.js";
import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
import { useClasses } from "./Action.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { useContext } from "react";
import { jsxs } from "react/jsx-runtime";
//#region src/VerticalNavigation/Actions/Action.tsx
var HvVerticalNavigationAction = (props) => {
	const { className, classes: classesProp, id, label = "", icon, ...others } = useDefaultProps("HvVerticalNavigationAction", props);
	const { isOpen } = useContext(VerticalNavigationContext);
	const { classes, cx } = useClasses(classesProp);
	return /* @__PURE__ */ jsxs(HvButton, {
		variant: "secondaryGhost",
		icon: !isOpen,
		startIcon: isOpen && icon,
		className: cx(classes.action, {
			[classes.noIcon]: !icon,
			[classes.minimized]: !isOpen
		}, className),
		...!isOpen && { "aria-label": label },
		...others,
		children: [!isOpen && icon, isOpen && label]
	});
};
//#endregion
export { HvVerticalNavigationAction };