function Counter({ color }) {
  const [count, setCount] = useState(0);
 
  return (
    <div style={{ backgroundColor: color }}>
      <p>{count}</p>
      <button onClick={() => setCount(count + 1)}>increase count</button>
    </div>
  );
}
 
function App() {
  const [show, setShow] = useState(true);
 
  return (
    <div>
      {show ? <Counter color="red" /> : <Counter color="blue" />}
      <button onClick={() => setShow(!show)}>toggle color</button>
    </div>
  );
}