{"size": 1779, "ext": "js", "max_stars_repo_path": "src/component/Loginform/Loginform.js", "max_stars_repo_name": "roggans/snackchatt", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/component/Loginform/Loginform.js", "max_issues_repo_name": "roggans/snackchatt", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/component/Loginform/Loginform.js", "max_forks_repo_name": "roggans/snackchatt", "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": 23.4078947368, "max_line_length": 118, "alphanum_fraction": 0.4513771782}
import React from 'react';
import {
  Button,
  Modal,
  //ModalHeader,
  ModalBody,
  //ModalFooter,
  Container,
  FormGroup,
  Form,
  Col,
  Label,
  Input
} from 'reactstrap';
import './Loginform.css'

class Loginform extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      modal: false
    };

    this.toggle = this.toggle.bind(this);
  }

  toggle() {
    this.setState({
      modal: !this.state.modal
    });
  }

  render() {
    return (
      <div>
        <Button className="Loginbutton" color="danger" onClick={this.toggle}>{this.props.buttonLabel}Logga in</Button>
        <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}>

          <ModalBody>
            <Container className="App">
              <h2>Logga in</h2>
              <Form className="form">
                <Col>
                  <FormGroup>
                    <Label>Användarnamn</Label>
                    <Input
                      type="email"
                      name="email"
                      id="exampleEmail"
                      placeholder="myemail@email.com"
                    />
                  </FormGroup>
                </Col>
                <Col>
                  <FormGroup>
                    <Label for="examplePassword">Lösenord</Label>
                    <Input
                      type="password"
                      name="password"
                      id="examplePassword"
                      placeholder="********"
                    />
                  </FormGroup>
                </Col>
                <Button>Sicka</Button>
              </Form>
            </Container>
          </ModalBody>

        </Modal>
      </div>
    );
  }
}

export default Loginform;