Is it possible to use a compound selector in next js? I supplied the basic idea in code below. ive tried selecting the css using: styles[side active] as well but nothing worked. Couldn't find any posts about this particular issue. Is this possible in nextjs ?

.side { }

.side.active{}

<div className=  { `${dropDown ?  styles.side.active: styles.side}`}>