Components SocialLoginGroup.tsx

0% Statements 0/20

0% Branches 0/1

0% Functions 0/1

0% Lines 0/20

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import SocialLoginButton from './SocialLoginButton';
 
interface SocialLoginGroupProps {
    className?: string;
}
 
export default function SocialLoginGroup({ className }: SocialLoginGroupProps) {
    return (
        <>
            <div className="relative my-6">
                <div className="absolute inset-0 flex items-center">
                    <span className="w-full border-t border-gray-300 dark:border-gray-700" />
                </div>
                <div className="relative flex justify-center text-xs uppercase">
                    <span className="bg-white dark:bg-gray-900 px-2 text-gray-500 dark:text-gray-400">
                        Or continue with
                    </span>
                </div>
            </div>
 
            <div className={`space-y-3 ${className || ''}`}>
                <SocialLoginButton provider="google" />
                <SocialLoginButton provider="github" />
                <SocialLoginButton provider="facebook" />
            </div>
        </>
    );
}