{"size": 1904, "ext": "js", "max_stars_repo_path": "frontend/src/ui/Home.js", "max_stars_repo_name": "ddc-fullstack-cohort-32/jsx-templating", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "frontend/src/ui/Home.js", "max_issues_repo_name": "ddc-fullstack-cohort-32/jsx-templating", "max_issues_repo_issues_event_min_datetime": "2021-08-31T05:03:18.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T10:54:13.000Z", "max_forks_repo_path": "frontend/src/ui/Home.js", "max_forks_repo_name": "ddc-fullstack-cohort-31/jsx-templating", "max_forks_repo_forks_event_min_datetime": "2021-02-04T19:52:34.000Z", "max_forks_repo_forks_event_max_datetime": "2021-02-04T19:52:34.000Z"}
{"max_stars_count": null, "max_issues_count": 5, "max_forks_count": 1, "avg_line_length": 34.6181818182, "max_line_length": 101, "alphanum_fraction": 0.5787815126}
import React from "react"
import Form from "react-bootstrap/Form";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import InputGroup from "react-bootstrap/InputGroup";
import FormControl from "react-bootstrap/FormControl";
import Button from "react-bootstrap/Button";
import Row from "react-bootstrap/Row";
import Container from "react-bootstrap/Container";

export const Home = () => {
	return (
		<>
			<main className="d-flex align-items-end align-items-md-center mh-80">
				<Container fluid="sm" className="text-center text-md-left">
					<Row>
						<div className="col-md-6 offset-md-6 col-lg-4 offset-lg-8">
							<div className="bg bg-shadow-dark">
										<Form>
											<Form.Group>
												<InputGroup>
													<InputGroup.Prepend>
														<InputGroup.Text>
															<FontAwesomeIcon icon="envelope"/>
														</InputGroup.Text>
													</InputGroup.Prepend>
													<FormControl type="email" placeholder="Email"/>
												</InputGroup>
											</Form.Group>
											<Form.Group>
												<InputGroup>
													<InputGroup.Prepend>
														<InputGroup.Text>
															<FontAwesomeIcon icon="key"/>
														</InputGroup.Text>
													</InputGroup.Prepend>
													<FormControl type="password" placeholder="Password"/>
												</InputGroup>
											</Form.Group>
											<div className="text-md-right">
												<Button variant="primary" type="submit"> Sign In <FontAwesomeIcon icon="sign-in-alt"/>
												</Button>
											</div>
										</Form>
							<div className="my-2 text-white">
								<span className="font-weight-light font-italic">Don't have an account?</span>
								<Button variant="link" className="py-0 text-white border-0 font-weight-bold">Sign Up</Button>
							</div>
							</div>
						</div>
					</Row>
				</Container>
			</main>
		</>
	)
};