gistfile1.txt

import React from 'react';

interface PopulationData {
  city: string;
  population: number;
}

const data: PopulationData[] = [
  {
    city: 'New York',
    population: 8399000
  },
  {
    city: 'Los Angeles',
    population: 3999000
  },
  {
    city: 'Chicago',
    population: 2705000
  }
];

function generateTable(data: PopulationData[]): JSX.Element {
  return (
    <table>
      <thead>
        <tr>
          <th>City</th>
          <th>Population</th>
        </tr>
      </thead>
      <tbody>
        {data.map((item) => (
          <tr key={item.city}>
            <td>{item.city}</td>
            <td>{item.population}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
}

function PopulationTable(): JSX.Element {
  return (
    <div>
      <h1>Population Table</h1>
      {generateTable(data)}
    </div>
  );
}

export default PopulationTable;