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;
	return /* @__PURE__ */ jsx(Logo, {
		brand,
		className,
		ref,
		src,
		styles,
		url: url ?? links.home,
		...rest,
		children
	});
});
HeaderLogo.displayName = "HeaderLogo";

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