text: import { NavLink } from 'react-router-dom'
  
  const CategoryNavigation = () => {
      return (
          <nav className="navbar">
              <ul>
                  <li><NavLink activeClassName="nav-link-selected" to="/categories/All">All</NavLink></li>
                  <li><NavLink activeClassName="nav-link-selected" to="/categories/Cat">Cats</NavLink></li>
                  <li><NavLink activeClassName="nav-link-selected" to="/categories/Dog">Dogs</NavLink></li>
                  <li><NavLink activeClassName="nav-link-selected" to="/categories/Parrot">Parrots</NavLink></li>
                  <li><NavLink activeClassName="nav-link-selected" to="/categories/Reptile">Reptiles</NavLink></li>
                  <li><NavLink activeClassName="nav-link-selected" to="/categories/Other">Other</NavLink></li>
              </ul>
  
              <style jsx>{`
                  .nav-link-selected{
                      background-color: lightgreen !important;
                  }
              `}</style>
          </nav>
      );
  };
  
  
  export default CategoryNavigation;