text: import React from 'react';
  import PropTypes from 'prop-types';
  import FriendListItem from './FriendListItem';
  import styles from './friends.module.css';
  
  const FriendList = ({ friends }) => {
    return (
      <ul className={styles.friendList}>
        {friends.map(friend => (
          <FriendListItem key={friend.id} {...friend} />
        ))}
      </ul>
    );
  };
  
  FriendList.propTypes = {
    friends: PropTypes.arrayOf(
      PropTypes.object,
      ),
  };
  
  export default FriendList;
  