function App() {
  return (
    <Router>
      <div>
        <div className="intro">
          <h1>The Playground</h1>
          <p>Where we "test" whatever comes to mind.</p>
        </div>
        <div>
          <Link to="/transition">Transition Example</Link>

          <Routes>
            <Route path="/transition" element={<TransitionExample />} />
          </Routes>
        </div>
      </div>
    </Router>
  );
}

function App() {
  return (
    <Router>
      <div>
        <div className="intro">
          <h1>The Playground</h1>
          <p>Where we "test" whatever comes to mind.</p>
        </div>
        <div>
          <Link to="/transition">Transition Example</Link>

          <Routes>
            <Route path="/transition" element={<TransitionExample />} />
          </Routes>
        </div>
      </div>
    </Router>
  );
}