@veracity/vui/dist/header/headerCreateAccount.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 { Box } from "../box/box.js";
import { T } from "../t/t.js";
import { Link } from "../link/link.js";
import { useHeaderContext } from "./context.js";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";

//#region src/header/headerCreateAccount.tsx
/** Text inviting to create an account when logged out. */
const HeaderCreateAccount = vui((props, ref) => {
	const { children, className, url, ...rest } = props;
	const { isMobile, links } = useHeaderContext() ?? {};
	const styles = useStyleConfig("Header", useHeaderContext()).createAccount;
	const screenProps = isMobile ? {
		borderBottom: "1px solid sandstone.main",
		p: 2
	} : { ml: 3 };
	const linkVariant = isMobile ? "dark" : styles?.link?.variant ?? "dark";
	return /* @__PURE__ */ jsx(Box, {
		className: cs("vui-headerCreateAccount", className),
		column: true,
		flexShrink: 0,
		ref,
		...styles.container,
		...screenProps,
		...rest,
		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(T, {
			size: "sm",
			...styles.text,
			color: isMobile ? "darkBlue.main" : styles?.text?.color ?? "darkBlue.main",
			children: "New to Veracity?"
		}), /* @__PURE__ */ jsx(Link, {
			fontWeight: "medium",
			href: url ?? links.signUp,
			isUnderlined: true,
			size: "sm",
			variant: linkVariant,
			children: "Create account"
		})] })
	});
});
HeaderCreateAccount.displayName = "HeaderCreateAccount";

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