Oi, dev! Tudo bem?

A sua dúvida é muito pertinente e mostra que você está pensando em diferentes maneiras de resolver o problema, o que é ótimo para o aprendizado!

No exercício, a validação do estado do botão foi feita pela classe da imagem (dashboard__item__img--rented), essa abordagem é bastante comum e tem algumas vantagens:

1. Clareza e Manutenção: Usar classes CSS para determinar o estado de um elemento é uma prática que mantém o código mais claro e fácil de manter. Isso porque as classes CSS são geralmente usadas para definir estados visuais, e associar a lógica de estado a essas classes faz sentido e é intuitivo.

2. Separação de Preocupações: Manter a lógica de estado separada da lógica de apresentação (como o texto do botão) ajuda a manter o código organizado. Se você precisar mudar o texto do botão no futuro, não precisará alterar a lógica de estado.

Por outro lado, validar pelo texto do botão também é possível, mas pode não ser a melhor prática por alguns motivos:

1. Internacionalização: Se o seu aplicativo precisar ser traduzido para outros idiomas, a lógica baseada no texto do botão pode se tornar complicada e propensa a erros.

2. Manutenção: Alterar o texto do botão em vários lugares do código pode ser mais trabalhoso e menos intuitivo do que alterar uma classe CSS.

Podemos concluir, então, que ambas as abordagens são válidas, mas usar classes CSS para determinar o estado é geralmente considerado uma prática melhor, especialmente em projetos maiores e mais complexos, tornando o código mais fácil de entender, manter e escalar.

Espero ter ajudado!

Um forte abraço e bons estudos!