All files / src/components/pages/auth/login/login-sns-button index.tsx

0% Statements 0/24
0% Branches 0/1
0% Functions 0/1
0% Lines 0/24

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                                                 
'use client';

import { Icon } from '@/components/icon';
import { Button } from '@/components/ui';

interface Props {
  children: React.ReactNode;
  onClick?: () => void;
}

export const LoginSnsButton = ({ children, onClick }: Props) => {
  return (
    <Button
      className='flex-center text-text-md-semibold relative text-gray-700'
      size='md'
      type='button'
      variant='tertiary'
      onClick={onClick}
    >
      <Icon id='google-login' className='absolute top-3.5 left-6 size-6' />
      <span>{children}</span>
    </Button>
  );
};