AuthenticationManager
Used to basically manage user authentication.
You are not authenticated.
Props:
signIn
Description: Function to invoke to sign in. Type: (provider?: string) => void. Required.
signOut
Description: Function to invoke to sign out. Type: Function. Required.
signInButtonTitle
Description: SignInButton title. Type: String. Required.
signOutButtonTitle
Description: SignOutButton title. Type: String. Required.
authenticationFeedbackText
Description: A feedback message to user about his authentication. Type: String.
signInButtonClassName
Description: SignInButton className. Type: String.
signInButtonStyle
Description: SignInButton className. Type: CSSProperties.
signOutButtonClassName
Description: SignOutButton className. Type: String.
signOutButtonStyle
Description: SignOutButton className. Type: CSSProperties.
showsUserPhoto
Description: Return user email if true. Type: Boolean.
photoSize
Description: Image size. Type: "small" | "medium" | "large". Default: "medium".
containerStyle
Description: Container style. Type: CSS Properties.
containerClassName
Description: Container className. Type: String.
authenticationFeedbackTextStyle
Description: AuthenticationFeedback style. Type: CSS Properties.
authenticationFeedbackTextClassName
Description: AuthenticationFeedback className. Type: String.
icon
Description: A space to render some Icon or SVG. Type: ReactNode.
<AuthenticationManager signInButtonTitle='Sign in' authenticationFeedbackText={ session?.data ? `Hello ${session?.data?.user.name}!` : 'You are not authenticated.'} showsUserPhoto signIn={() => signIn('github')} signOut={signOut} signOutButtonTitle='Sign out' />