import shortlinkLogo from '../assets/trx-shortlink-orange.png'
import '../App.css'

function App() {
  

  return (
    <>
      <header>
      <div className="nav">
        <nav id="main-nav">
        <ul id="centerlist">
          <li id="home"> <a draggable="false" href="home">Home</a> </li>
          
          
        </ul>
        <ul id="rightlist">
          <li id="login"> <a draggable="false" href="login">Login</a></li>
        </ul>
      </nav>
      </div>
      </header>
      <div id="logoname">
        <a href="#" >
          <img src={shortlinkLogo} draggable="false" className="logo" alt="trx shortlink logo" />
        </a>
        <h1>trx shortlink</h1>
      </div>
      <div className="card">
        <h2>Login</h2>
        <input className="login" id="username" defaultValue={"Username..."}></input><br></br>
        <input className="login" id="password" type='password' defaultValue={"Password..."}></input><br></br>
        <button id="login" onClick={() => 0+0}>
          Login
        </button>
      </div>
    </>
  )
}


export default App
