text: import React,{ useContext } from 'react';
  import {Link} from 'react-router-dom';
  import {ArrayContext} from './context';
  
  function DeputadosList(){   
      const { data } = useContext(ArrayContext)
      return(       
             <div className="list">      
              {data.map(list => 
              <li key={list.id} style={{listStyleType:'none',padding:'16px 8px'}}>
                  <h1>{list.nome}</h1>
                  <br/>
                  <img style={{width:'200px',height:'200px',borderRadius:'5px'}} src={list.urlFoto}/>
                  <h4>Email: {list.email}</h4>
                  <h4>Estado: {list.siglaUf}</h4>
                  <h4>Partido: {list.siglaPartido }</h4>
                  <button ><Link to={`deputadoinfo/${list.id}`}>Ver</Link></button>     
              </li>)}
          </div> 
      )
  }
  export default DeputadosList;