27 lines
581 B
TypeScript
27 lines
581 B
TypeScript
import { Button } from '@kit/ui/button';
|
|
|
|
import { OauthProviderLogoImage } from './oauth-provider-logo-image';
|
|
|
|
export function AuthProviderButton({
|
|
providerId,
|
|
onClick,
|
|
children,
|
|
}: React.PropsWithChildren<{
|
|
providerId: string;
|
|
onClick: () => void;
|
|
}>) {
|
|
return (
|
|
<Button
|
|
className={'flex w-full gap-x-3 text-center'}
|
|
data-provider={providerId}
|
|
data-test={'auth-provider-button'}
|
|
variant={'outline'}
|
|
onClick={onClick}
|
|
>
|
|
<OauthProviderLogoImage providerId={providerId} />
|
|
|
|
<span>{children}</span>
|
|
</Button>
|
|
);
|
|
}
|