import { cs } from "../utils/styles.js";
import { useStyleConfig } from "../core/theme.js";
import vui from "../core/vui.js";
import Button from "../button/button.js";
import { useHeaderContext } from "./context.js";
import { jsx } from "react/jsx-runtime";

//#region src/header/headerSignIn.tsx
/** Sign in button leading to Veracity login page. */
const HeaderSignIn = vui((props, ref) => {
	const { children, className, url, ...rest } = props;
	const { links } = useHeaderContext() ?? {};
	const styles = useStyleConfig("Header", useHeaderContext());
	const buttonVariant = styles?.signIn?.button?.variant ?? "primaryDark";
	return /* @__PURE__ */ jsx(Button, {
		as: "a",
		className: cs("vui-headerSignIn", className),
		href: url ?? links.signIn,
		ref,
		size: "lg",
		variant: buttonVariant,
		...styles.signIn,
		...rest,
		children: children ?? "Sign in"
	});
});
HeaderSignIn.displayName = "HeaderSignIn";

//#endregion
export { HeaderSignIn as default };
globalThis.__vuiVersion__ = "4.0.1"
//# sourceMappingURL=headerSignIn.js.map