Function LoginButton

packages/shared/src/components/LoginButton.tsx:33–66

({
  className = {},
}: LoginButtonProps)

});

export default function LoginButton({
  className = {},
}: LoginButtonProps): ReactElement {
  const { logEvent } = useLogContext();
  const { showLogin } = useAuthContext();
  const onClick = (copy: ButtonCopy) => {
    logEvent(getLogEvent(copy));
    showLogin({
      trigger: AuthTriggers.MainButton,
      options: {
        isLogin: copy === ButtonCopy.Login,
      },
    });
  };

  return (
    <span className={classNames('flex flex-row', className?.container)}>
      <Button
        onClick={() => onClick(ButtonCopy.Login)}
        variant={ButtonVariant.Secondary}
        className={className?.button}
      >
        {ButtonCopy.Login}
      </Button>
      <Button
        onClick={() => onClick(ButtonCopy.Signup)}
        variant={ButtonVariant.Primary}
        className={className?.button}
      >
        {ButtonCopy.Signup}
      </Button>
    </span>
  );
}