MeetUp/src/components/buttons/sso-login-button.tsx

32 lines
733 B
TypeScript

import { signIn } from '@/auth';
import { IconButton } from '@/components/buttons/icon-button';
import { Fingerprint, ScanEye } from 'lucide-react';
export default function SSOLogin({
provider,
providerDisplayName,
...props
}: {
provider: string;
providerDisplayName: string;
} & React.HTMLAttributes<HTMLButtonElement>) {
return (
<form
className='flex flex-col items-center w-full'
action={async () => {
'use server';
await signIn(provider);
}}
>
<IconButton
className='w-full'
type='submit'
variant='secondary'
icon={Fingerprint}
{...props}
>
Login with {providerDisplayName}
</IconButton>
</form>
);
}