¿Cómo puedo hacer que la palabra Pantalla Full esté en negrita en el operador ternario a continuación? Si lo cambio en el span , hará que la palabra enrolled y los spots también se muestren en negrita y no quiero eso. ¿Cuál es la manera de hacerlo?
<span style={{ flexGrow: 1, color: "lightgrey", fontSize: "12px", marginLeft: "10px" }} > {e.enrolledNum / e.total_spots >= 1 ? 'Full' : `${e.enrolledNum} enrolled ${""} / ${""} ${ e.total_spots ? e.total_spots : "0" } spots`} </span>Envuélvalo en una etiqueta strong , o si eso no es lo que quiere decir semánticamente, algún otro elemento en línea con una clase que lo ponga en negrita.
Por ejemplo:
<span style={{ flexGrow: 1, color: "lightgrey", fontSize: "12px", marginLeft: "10px" }} > {e.enrolledNum / e.total_spots >= 1 ? <strong>Full</strong> : `${e.enrolledNum} enrolled ${""} / ${""} ${ e.total_spots ? e.total_spots : "0" } spots`} </span>