49 lines
994 B
JavaScript
49 lines
994 B
JavaScript
import React from 'react';
|
|
|
|
import { Panel, Form, FormGroup, FormControl, ControlLabel, Button } from 'rsuite';
|
|
|
|
import NavBar from './../components/Navbar/NavBar';
|
|
|
|
// TODO Move to a .less file
|
|
const boxStyle = {
|
|
maxWidth: 373,
|
|
margin: '0 auto',
|
|
borderRadius: 7,
|
|
background: 'white',
|
|
marginTop: '10vh',
|
|
marginBottom: '10vh',
|
|
padding: '1rem',
|
|
};
|
|
|
|
export default function Login({ title }) {
|
|
return (
|
|
<>
|
|
<NavBar title={title} />
|
|
<Panel bordered style={boxStyle}>
|
|
<Form>
|
|
<FormGroup>
|
|
<ControlLabel>Email</ControlLabel>
|
|
<FormControl
|
|
name='email'
|
|
type='email'
|
|
/>
|
|
</FormGroup>
|
|
<ControlLabel>Password</ControlLabel>
|
|
<FormGroup>
|
|
<FormControl
|
|
name='password'
|
|
type='password'
|
|
/>
|
|
</FormGroup>
|
|
<FormGroup>
|
|
<Button appearance='primary' block size="lg">
|
|
Sign in
|
|
</Button>
|
|
</FormGroup>
|
|
<Button appearance='link'>Forgot password?</Button>
|
|
</Form>
|
|
</Panel>
|
|
</>
|
|
);
|
|
}
|