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

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

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 ?? "primary";
	const buttonIntent = styles?.signIn?.button?.intent ?? "brand";
	return /* @__PURE__ */ jsx(Button, {
		as: "a",
		className: cs("vui-headerSignIn", className),
		href: url ?? links.signIn,
		ref,
		size: "lg",
		variant: buttonVariant,
		intent: buttonIntent,
		...styles.signIn,
		...rest,
		children: children ?? "Sign in"
	});
});
HeaderSignIn.displayName = "HeaderSignIn";

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