// src/App.jsx

function CityList() {
  const cities = ["Dublin", "Tokyo", "Vancouver", "Lisbon"];

  return (
    <ul>
      {cities.map((city) => (
        <li key={city}>{city}</li>
      ))}
    </ul>
  );
}

function App() {
  return <CityList />;
}

export default App;

/*
  Notes:
  - .map() turns the cities array of strings into an array of <li>
    elements, one per city.
  - The city name itself is used as the key since the list has no
    duplicates and no separate id field — fine for a small, simple,
    non-reordered list like this.
*/