how to conditionally change class in next js code example

Example 1: react conditional classname

<div className={`banner ${active ? "active" : ""}`}>{children}</div>

Example 2: conditional classname prop react

<span className={todo.completed ? "true" : ""}>