text: import React, { useContext } from 'react';
  import { PokemonContext } from './PokemonContext';
  import { listPokemons } from './List';
  
  const Pokedex = () => {
    const { capturedPokemons, release } = useContext(PokemonContext);
  
    return (
      <div className="pokedex">
        <h2>Pokedex</h2>
  
        <table>
          <tr>
            <th>Pokemon</th>
            <th>Release</th>
          </tr>
          {listPokemons({
            pokemons: capturedPokemons,
            onClick: release,
            buttonLabel: '-'
          })}
        </table>
      </div>
    )
  }
  
  export default Pokedex;