text: import React from "react";
  import { Link } from "react-router-dom";
  
  const Navbar = () => {
    return (
      <nav className="navbar navbar-expand-lg navbar-light bg-light">
        <div className="container">
          <button
            className="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span className="navbar-toggler-icon"></span>
          </button>
  
          <div className="collapse navbar-collapse" id="navbarSupportedContent">
            <a
              className="search-button"
              href="%PUBLIC_URL%/https://www.google.com/"
            >
              <i className="fa fa-search"></i>
            </a>
            <form className="form-search">
              <input type="search" placeholder="Search:" />
            </form>
            <ul className="navbar-nav m-auto">
              <li>
                <Link to="/">Home</Link>
              </li>
              <li>
                <Link to="/Category">All Posts</Link>
              </li>
              <li>
                <Link to="/Single">Category Name 1</Link>
              </li>
              <li>
                <Link to="contact.html">Contacts</Link>
              </li>
            </ul>
            <ul className="navbar-nav ml-auto social-list">
              <li>
                <a href="%PUBLIC_URL%/https://www.google.com/">
                  <i className="fa fa-facebook"></i>
                </a>
              </li>
              <li>
                <a href="%PUBLIC_URL%/https://www.google.com/">
                  <i className="fa fa-twitter"></i>
                </a>
              </li>
              <li>
                <a href="%PUBLIC_URL%/https://www.google.com/">
                  <i className="fa fa-instagram"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    );
  };
  
  export default Navbar;
  