JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="checkbox"></input>
    <span>Unchecked</span>
    <span>Checked</span>
</div>

CSS

input[type="checkbox"]:checked + span {
  display:none  
}

input[type="checkbox"] + span {
  display:block  
}

input[type="checkbox"]:checked + span + span {
  display:block ;
  color: #FF0000
}

input[type="checkbox"] + span + span {
  display:none  
}