{"size": 2063, "ext": "js", "max_stars_repo_path": "src/components/indexPage/loginForm.js", "max_stars_repo_name": "Suk-Be/gatsby", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/indexPage/loginForm.js", "max_issues_repo_name": "Suk-Be/gatsby", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/indexPage/loginForm.js", "max_forks_repo_name": "Suk-Be/gatsby", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 31.2575757576, "max_line_length": 86, "alphanum_fraction": 0.5584100824}
import React from 'react';
import { Form } from '../_htmlComponents/formElements/form';
import { SubHeadline } from '../_htmlComponents/headlines';
import { Span } from '../_htmlComponents/span';
import { Section } from '../_htmlComponents/section';
import { Fieldset } from '../_htmlComponents/formElements/fieldset';
import { Label } from '../_htmlComponents/formElements/label';
import { Input } from '../_htmlComponents/formElements/input';
import { Legend } from '../_htmlComponents/formElements/legend';
import { Button } from '../_htmlComponents/formElements/button';

const SubmitLogin = e => {
  e.preventDefault();
};

const ResetLogin = e => {
  e.preventDefault();
};

export const LoginForm = () => (
  <Form id="login" onReset={ResetLogin} onSubmit={SubmitLogin}>
    <SubHeadline content="Login to use the page" />
    <Section>
      <SubHeadline
        isLogin
        content="Please authenticate with your DW Windows User credentials to use the
        functionality of the app."
      />
      <Fieldset>
        <Legend isVisuallyHidden content="Login Authentication" />
        <Span>
          <Label isVisuallyHidden htmlFor="mail">
            <span>E-mail: </span>
            <strong>
              <abbr title="required">*</abbr>
            </strong>
          </Label>
          <Input type="email" id="mail" name="mail" placeholder="email *" />
        </Span>
        <Span>
          <Label isVisuallyHidden htmlFor="password">
            <span>Password: </span>
            <strong>
              <abbr title="required">*</abbr>
            </strong>
          </Label>
          <Input
            type="password"
            id="password"
            name="password"
            placeholder="password *"
          />
        </Span>
      </Fieldset>
      <Span isLogin>
        <Button type="reset" isReset>
          Reset
        </Button>
        <Button type="submit" isSubmit>
          Login
        </Button>
      </Span>
    </Section>
  </Form>
);
