Estoy usando Tailwinds CSS y el paquete classNames .

Estoy representando 2 div s y quiero verificar si uno de ellos tiene una clase active , luego establecer un color de fondo específico className bg-[#000] para él.

• Intenté usar 'bg-[#000]': 'active' pero esto solo inserta el color de fondo en todos los elementos.

¿Cómo podemos establecer un estilo específico para un elemento activo con Tailwind y classNames ?

¡Gracias!

Código:

 list.map((page, index) => { return ( <div key = {index} onClick = {() => setCurrentListIdx(index)} className = { classNames('bullets__item m-1.5 h-2 w-2 cursor-pointer rounded-full bg-[#e0e0e0]', { active: currentListIdx === +index, 'bg-[#000]': 'active', } )} ></div> ) })