@veracity/vui/dist/header/headerLogo.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { useStyleConfig } from "../core/theme.js";
import vui from "../core/vui.js";
import { useHeaderContext } from "./context.js";
import { Logo } from "../logo/Logo.js";
import { jsx } from "react/jsx-runtime";

//#region src/header/headerLogo.tsx
/** Logo displayed in the left corner of the Header. */
const HeaderLogo = vui((props, ref) => {
	const { brand, children, className, src, url, ...rest } = props;
	const { links } = useHeaderContext() ?? {};
	const styles = useStyleConfig("Header", useHeaderContext()).logo;
	const logoUrl = url ?? links.home;
	return /* @__PURE__ */ jsx(Logo, {
		brand,
		className,
		ref,
		src,
		styles,
		url: logoUrl,
		...rest,
		children
	});
});
HeaderLogo.displayName = "HeaderLogo";

//#endregion
export { HeaderLogo, HeaderLogo as default };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=headerLogo.js.map