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>
  )
}
