veza/apps/web/src/features/auth/components/OAuthButton.tsx

import { AuthButton } from './AuthButton';

interface OAuthButtonProps {
  provider: 'google' | 'github' | 'discord';
  onClick: () => void;
}

export function OAuthButton({ provider, onClick }: OAuthButtonProps) {
  const labels = {
    google: 'Continuer avec Google',
    github: 'Continuer avec GitHub',
    discord: 'Continuer avec Discord',
  };

  const ariaLabels = {
    google: 'Se connecter avec Google',
    github: 'Se connecter avec GitHub',
    discord: 'Se connecter avec Discord',
  };

  return (
    <AuthButton
      variant="secondary"
      onClick={onClick}
      type="button"
      aria-label={ariaLabels[provider]}
    >
      {labels[provider]}
    </AuthButton>
  );
}