import { jsx as _jsx } from "react/jsx-runtime";
import Button from '../button';
import { useStyleConfig, vui } from '../core';
import { cs } from '../utils';
import { useHeaderContext } from './context';
/** Sign in button leading to Veracity login page. */
export 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 (_jsx(Button, { as: "a", className: cs('vui-headerSignIn', className), href: url ?? links.signIn, ref: ref, size: "lg", variant: buttonVariant, ...styles.signIn, ...rest, children: children ?? 'Sign in' }));
});
HeaderSignIn.displayName = 'HeaderSignIn';
export default HeaderSignIn;
//# sourceMappingURL=headerSignIn.js.map