text: import React from "react";
  import { FaMinusCircle } from "react-icons/fa";
  import "./ContactList.css";
  import { ContactContext } from "./App";
  
  const ContactList = () => {
  	return (
  		<ContactContext.Consumer>
  			{({ contacts, deleteContact }) => (
  				<table className="contacts-table">
  					<thead>
  						<tr>
  							<th>Name</th>
  							<th>Email</th>
  							<th>Actions</th>
  						</tr>
  					</thead>
  					<tbody>
  						{contacts.map((contact) => (
  							<tr key={contact.id}>
  								<td>{contact.name}</td>
  								<td>{contact.email}</td>
  								<td>
  									<FaMinusCircle
  										className="action-icon"
  										onClick={() => deleteContact(contact.id)}
  									/>
  								</td>
  							</tr>
  						))}
  					</tbody>
  				</table>
  			)}
  		</ContactContext.Consumer>
  	);
  };
  
  export default ContactList;
  