text: import React, { useState } from 'react';
  import NavTabs from './NavTabs';
  import Resume from './pages/Resume';
  import About from './pages/About';
  import Projects from './pages/Projects';
  import Contact from './pages/Contact';
  import Footer from './Footer';
  
  
  export default function PortfolioContainer() {
    const [currentPage, setCurrentPage] = useState('About');
  
    // TODO: Add a comment describing the functionality of this method
    const renderPage = () => {
      if (currentPage === 'About') {
        return <About/>;
      }
      if (currentPage === 'Projects') {
        return <Projects />;
      }
      if (currentPage === 'Contact') {
        return <Contact />;
      }
      return <Resume />;
    };
  
    const handlePageChange = (page) => setCurrentPage(page);
  
    return (
      <div>
        {/* // TODO: Add a comment describing what we are passing as props */}
        <NavTabs currentPage={currentPage} handlePageChange={handlePageChange} />
        {/* // TODO: Add a comment explaining what is happening on the following line */}
        {renderPage()}
        <Footer/>
      </div>
    );
  }
  