[Dúvida] Colocando classe em componentes

Olá Iago todo bem? Olha iago eu vou dizer da forma que eu ultilizo! Veja o codigo abaixo:

import styles from './MyComponent.module.css'; // Importe o arquivo CSS

function MyComponent() {
  return (
    <div className={`${styles.classe-1} ${styles.classe-2}`}>Conteúdo</div>
  );
}

export default MyComponent;

Ok, vou explicar: Quando crio um componente, crio tambem se necessário a estilização, o module.css, caso não saiba o module.css consegue deixar as classes isoladas e organizadas por componentes, assim, evitando conflitos de nomes de classes e tendo um escopo local, e não global, como apenas .css, alem de outras coisas!

Bem, assim, posso passar o estilo de forma simples, além de combinar com outros em apenas uma linha. Não sei como você usa o css em seu projeto, mas acredito que caso você não use desta forma, também podera funcionar desta :

<div className="classe-1 classe-2">

Espero ter ajudado!