text: import { useContext } from 'react';
  
  import FavoritesContext from '../store/favorites-context';
  import MeetupList from '../components/meetups/MeetupList';
  
  function FavoritesPage() {
      const favoritesCtx = useContext(FavoritesContext);
  
      let content;
  
      if (favoritesCtx.totalFavorites === 0) {
          content = <p>You have no favorites at the moment.</p>
      } else {
          content =   <MeetupList meetups = {favoritesCtx.favorites}/>
      }
  
      return (
      <section>
          <h1> My Favorites </h1>
          {content}
      </section>
      )
  }
  
  export default FavoritesPage;