Currently, I am exploring the world of Next.JS and finding it challenging to work with the syntax when dealing with component CSS modules inside HTML code in a .js file.
During a tutorial that I recently watched, they explained that:
<a className="btn"</a>
this would then transform into the following using CSS module classes.
<a className={classes.btn}</a>
However, I am having difficulty understanding how to handle situations like this:
<a className='navbar-logo fab fa-typo3' onClick={closeMobileMenu}>Home</a>
or even this:
<i className={click ? 'fas fa-times' : 'fas fa-bars'} />
I am struggling to figure out the correct way to write the content within the className without any reference to classes. Any help or guidance on this matter would be greatly appreciated!