73e8372b0e
- Bulk replace text-white → text-foreground across 116 component files (preserving text-white/ opacity variants) - Remove hover-glow-cyan, shadow-card-glow-cyan, shadow-button-primary-glow classes from all components - Replace --duration-normal/--duration-immersive/--duration-slow with --sumi-duration-normal/--sumi-duration-slow across 130+ files - Replace --ease-out/--ease-in-out with --sumi-ease-out/--sumi-ease-in-out - Replace focus:ring-blue-500 → focus:ring-primary (4 files) - Remove hover:scale-105/110 and hover:-translate-y-1/0.5 transforms (SUMI anti-pattern: no scale on hover) - Clean up stale kodo- references in comments Co-authored-by: Cursor <cursoragent@cursor.com>
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
interface AuthButtonProps
|
|
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
loading?: boolean;
|
|
variant?: 'primary' | 'secondary';
|
|
}
|
|
|
|
export function AuthButton({
|
|
loading,
|
|
variant = 'primary',
|
|
className,
|
|
children,
|
|
disabled,
|
|
...props
|
|
}: AuthButtonProps) {
|
|
return (
|
|
<button
|
|
className={cn(
|
|
'w-full px-4 py-2.5 rounded-xl font-medium transition-all duration-[var(--sumi-duration-slow)] ease-in-out focus:outline-none focus:ring-2 focus:ring-primary/20 focus:ring-offset-2 focus:ring-offset-background',
|
|
variant === 'primary'
|
|
? 'bg-primary text-primary-foreground hover:opacity-90 shadow-sm'
|
|
: 'bg-muted text-foreground hover:bg-muted/80 border border-border',
|
|
(disabled || loading) && 'opacity-50 cursor-not-allowed',
|
|
className,
|
|
)}
|
|
disabled={disabled || loading}
|
|
aria-busy={loading}
|
|
aria-disabled={disabled || loading ? 'true' : 'false'}
|
|
{...props}
|
|
>
|
|
{loading ? (
|
|
<>
|
|
<span className="sr-only">Chargement en cours</span>
|
|
<span aria-hidden="true">Chargement...</span>
|
|
</>
|
|
) : (
|
|
children
|
|
)}
|
|
</button>
|
|
);
|
|
}
|