@if (cities != null && cities.Count > 0)
{
  <div class="container-fluid text-center">
    <div class="row">
      @foreach(var city in cities)
      {
      <CityComponent 
        city="@city" 
        selectedCity="@this.selectedCity"
        SelectCityCallBack="HandleCitySelection">
        </CityComponent>
      }
    </div>
  </div>
}

@code {
  private string selectedCity = "Eindhoven";
  private List<string> cities = ServersRepository.GetCities();

  [Parameter]
  public EventCallback<string> SelectCityCallBack { get; set; }

  private void HandleCitySelection(string cityName)
  {
    this.selectedCity = cityName;
    SelectCityCallBack.InvokeAsync(cityName);
  }
}