text: import React from 'react'
  
  const Navbar = () => {
      return (
          <div>
              <nav className="navbar navbar-expand-lg navbar-dark bg-primary">
                  <div className="container-fluid">
                      <a className="navbar-brand" href="/">React Task Manager Fullstack</a>
                      <button className="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">
                          <span className="navbar-toggler-icon"></span>
                      </button>
  
                      
                      
                  </div>
              </nav>
              <div className="offcanvas offcanvas-start" style={{ width: "70%" }} data-bs-scroll="true"  id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
                  <div className="offcanvas-header">
                      <h5 className="offcanvas-title" id="offcanvasWithBothOptionsLabel">Backdrop with scrolling</h5>
                      <button type="button" className="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                  </div>
                  <div className="offcanvas-body">
                      <p>Try scrolling the rest of the page to see this option in action.</p>
                  </div>
              </div>
          </div>
      )
  }
  
  export default Navbar
  