const Navbar = () => {


    return(
        <>
            <nav className="navbar navbar-expand-md sticky-top navbar-light bg-light">
            <div className="container-fluid">
                <a className="navbar-brand" href="#">BigBank & Savings</a>
                <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span className="navbar-toggler-icon"></span>
                </button>
            
                <div className="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul className="navbar-nav ">
                    <li className="nav-item active">
                        <Link className="nav-link" to="/">Home <span className="sr-only">(current)</span></Link>
                    </li>
                    <li className="nav-item">
                    <Link className="nav-link" to="/createaccount">Create Account <span className="sr-only"></span></Link>
                    </li>
                    <li className="nav-item">
                    <Link className="nav-link" to="/login">Login <span className="sr-only"></span></Link>
                    </li>
                    <li className="nav-item">
                    <Link className="nav-link" to="/account">Account <span className="sr-only"></span></Link>
                    </li>
                    <li className="nav-item">
                    <Link className="nav-link" to="/deposit">Deposit <span className="sr-only"></span></Link>
                    </li>
                    <li className="nav-item">
                    <Link className="nav-link" to="/withdraw">Withdraw <span className="sr-only"></span></Link>
                    </li>
                    <li className="nav-item">
                    <Link className="nav-link" to="/alldata">All Data <span className="sr-only"></span></Link>
                    </li>
                    {/* <li className="nav-item dropdown">
                        <a className="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Dropdown link
                        </a>
                        <div className="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <a className="dropdown-item" href="#">Action</a>
                        <a className="dropdown-item" href="#">Another action</a>
                        <a className="dropdown-item" href="#">Something else here</a>
                        </div>
                    </li> */}
                    </ul>
                    </div>
                </div>
            </nav>
        </>
    )
}