import logo from './logo.svg';
import './App.css';

function App() {
  let employees = [
    {id: 1, name: "Csendes Pál", salary: 435},
    {id: 2, name: "Erős István", salary: 397},
    {id: 3, name: "Látó Gábor", salary: 374}
  ]
  return (
    <div className="App">
      
      <table>
        <thead>
          <tr>
            <th>#</th>
            <th>Név</th>
            <th>Fizetés</th>
          </tr>
        </thead>
        <tbody>
          {employees.map( employee => {
            return (
              <tr key={employee.id}>
                <td>{employee.id}</td>
                <td>{employee.name}</td>
                <td>{employee.salary}</td>
              </tr>
            )
          })}

        </tbody>
      </table>

    </div>
  );
}

export default App;