// src/App.jsx

function App() {
  const favoriteNumber = 7;

  return (
    <div className="app">
      <p>My favorite number is {favoriteNumber}.</p>
    </div>
  );
}

export default App;

/*
  Notes:
  - favoriteNumber is a plain JS variable, declared above the return
    statement like any other variable in a function.
  - {favoriteNumber} inside the JSX drops back into JavaScript and
    inserts the variable's current value into the rendered text.
*/