@hitachivantara/uikit-react-core/dist/BreadCrumb/Page/Page.js

UI Kit Core React components.

import { HvTypography } from "../../Typography/Typography.js";
import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
import { useClasses } from "./Page.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { jsx } from "react/jsx-runtime";
//#region src/BreadCrumb/Page/Page.tsx
var HvBreadCrumbPage = (props) => {
	const { component, onClick, elem, classes: classesProp } = useDefaultProps("HvBreadCrumbPage", props);
	const { classes, cx } = useClasses(classesProp);
	const { label, path, ...others } = elem;
	const handleClick = (event) => {
		event.preventDefault();
		onClick?.(event, elem);
	};
	return /* @__PURE__ */ jsx(HvTypography, {
		noWrap: true,
		variant: "captionLabel",
		component: component || "a",
		href: elem.path,
		onClick: onClick && handleClick,
		className: cx(classes.link, classes.label, classes.a),
		...others,
		children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: elem.label })
	});
};
//#endregion
export { HvBreadCrumbPage };