text: import React from "react";
  import { Link } from "react-router-dom";
  import styled from "styled-components";
  import logo from '../../../images/piggybank.png';
  
  const NavbarContainer = styled.div`
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    text-decoration: none;
  `;
  
  const LinkContainer = styled.div` 
    width: 500px;
    display: flex;
    justify-content: space-around;
    padding: 10px;
  `;
  const LogoTitle = styled.img`
  border: 5px solid black;
  height: 5%
  width: 10%;
  float: left;
  `;
  const StyledLink = styled(Link)`
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: black;
    font-size: 20px;
    margin-right: 15px;
  `;
  
  export default function Nav() {
    return (
      <NavbarContainer>
        <LogoTitle  alt="MicroFund Logo" src={logo} />
        <LinkContainer>
          <StyledLink to="/landing">Home </StyledLink>
          <StyledLink to="/login">Sign In/Sign Up </StyledLink>
          <StyledLink to="/login">Apply </StyledLink>
        </LinkContainer>
      </NavbarContainer>
    );
  }
  