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  
}

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