@hitachivantara/uikit-react-core/dist/Header/Header.js

UI Kit Core React components.

import { useClasses } from "./Header.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/Header/Header.tsx
/**
* Header component is used to render a header bar with logo and brand name, navigation and actions.
*/
var HvHeader = forwardRef(function HvHeader(props, ref) {
	const { className, classes: classesProp, children, position = "fixed", ...others } = useDefaultProps("HvHeader", props);
	const { classes, cx } = useClasses(classesProp);
	return /* @__PURE__ */ jsx("header", {
		ref,
		style: { position },
		className: cx(classes.root, { [classes.fixed]: position === "fixed" }, className),
		...others,
		children: /* @__PURE__ */ jsx("div", {
			className: classes.header,
			children
		})
	});
});
//#endregion
export { HvHeader };