I’m trying to learn react and tailwind. On one of the tutorials, they have the code

<div className={'text-white origin-left font-medium text-2xl ${!open && "scale-0"}'}>

My problem is that when I copy this code, it doesn’t function the way it is shown online. The ${!open} part isn’t showing up.

On the other hand, I have gotten

<div className={!open && "scale-0"}

to work. Am I able to combine the variables on top of the CSS into one line?

Thank you