27 lines
863 B
TypeScript
27 lines
863 B
TypeScript
export function UnlockAccountButtons(params: {
|
|
loading: boolean
|
|
words: string[]
|
|
onUnlock: () => void
|
|
onClose: () => void
|
|
}): React.ReactElement {
|
|
return (
|
|
<div className="flex gap-4">
|
|
<button
|
|
type="button"
|
|
onClick={params.onClose}
|
|
className="flex-1 py-2 px-4 bg-gray-200 hover:bg-gray-300 rounded-lg font-medium transition-colors"
|
|
>
|
|
Annuler
|
|
</button>
|
|
<button
|
|
type="button"
|
|
onClick={params.onUnlock}
|
|
disabled={params.loading || params.words.some((word) => !word)}
|
|
className="flex-1 py-2 px-4 bg-neon-cyan/20 hover:bg-neon-cyan/30 text-neon-cyan rounded-lg font-medium transition-all border border-neon-cyan/50 hover:shadow-glow-cyan disabled:opacity-50"
|
|
>
|
|
{params.loading ? 'Déverrouillage...' : 'Déverrouiller'}
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|