React - change className through conditional rendering

Question

<div
  className={
    agentURL ? 'text-secondary url-exist' : 'text-secondary'
  }
>
  <span className="agency-name">{agencyName}</span>
  <span className="agent-id">{agentID}</span>
  {agentURL && (
    <span>
      <a className="agent-url" target="_blank" href={`http://${agentURL}`}>{agentURL}</a>
    </span>
  )}
</div>