import './App.css';

const LoginForm = () =>
  <>
    <h1>Web-player</h1>
    <div>
      <h2>Log-in</h2>
      <input type="text" placeholder='Login'/>
      <br />
      <input type="password" placeholder='Password'/>
      <br />
      <button>Login</button>
      <p>- OR -</p>
      <a href='#'>Register new user</a>
    </div>
  </>

const RegisterForm = () =>
  <>
    <h1>Web-player</h1>
    <div>
      <h2>Registration</h2>
      <input type="text" placeholder='Login'/>
      <br />
      <input type="text" placeholder='Nickname'/>
      <br />
      <input type="password" placeholder='Password'/>
      <br />
      <button>Register</button>
      <br />
      <a href='#'>Back to log-in</a>
  </div>
  </>


function App() {
  return (
    <div className="App">
      <LoginForm />
      <RegisterForm />
    </div>
  );
}

export default App;