add condition inside a className in reactjs

<div className={`banner ${active ? "active" : ""}`}>{children}</div><span className={todo.completed ? "true" : ""}>className={`banner ${active ? "active" : ""}`}