Gostaria de trocar o className de um quando um do tipo texto estiver selecionado. Qual a melhor forma de fazer isso? Acabei pensando em utilizar um hook, mas nao consegui implementar.

Aqui esta o caso

<div>
<label className='login_label'>
    <span className='spam_label1'>nome de usuário</span>
    <input type='text' name='username' className='login_input'></input>
  </label>
</div>