text: import './CharacterList.css';
  import CharacterListItem from '../CharacterListItem/CharacterListItem';
  
  const CharacterList = ({ characters, isFavorite, toggleFavorite }) => {
    return (
      <div className="character-list">
        {characters.map((character) => (
          <CharacterListItem
            key={character.id}
            character={character}
            className="character-item-container"
            isFavorite={isFavorite}
            toggleFavorite={toggleFavorite}
          />
        ))}
      </div>
    );
  };
  
  export default CharacterList;
  