How to correctly specify classes when using module.css?

Question

React

When using module css, you need to add styles to the class, but what if I use hooks?
For example, there is a code. How can I use the modal, active classes with the module.css approach (styles.modal and styles.active) or nothing can be done in this case and I have to put the classes in the global css file?
className={active ? "modal active" : "modal"}

Answer 1

className={active ? styles.modal + ` ` + styles.active : styles.modal}