Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | 1x 5x | // @flow
/* eslint-disable no-ternary */
import { Container, Form, Heading, Inputs } from "./styled"
import Button from "components/buttons/Button"
import type { ComponentProps } from "."
import InputText from "components/inputs/InputText"
import React from "react"
const Login = ({
isLoading,
name,
onSubmit,
passwordRef,
usernameLabel,
usernameRef
}: ComponentProps): React$Node => (
<Container>
{name ? <Heading>{name}</Heading> : null}
<Form onSubmit={onSubmit}>
<Inputs>
<InputText
inputId="username"
label={usernameLabel ?? "Username"}
name="username"
ref={usernameRef}
required
type="email"
/>
<InputText
inputId="password"
label="Password"
name="password"
ref={passwordRef}
required
type="password"
/>
</Inputs>
<Button
disabled={isLoading}
label="Login"
loading={isLoading}
type="submit"
/>
</Form>
</Container>
)
export default Login
|