import './Login.scss'
import React from 'react'
import {Form as ReactStrapForm, FormGroup, Input} from 'reactstrap'
import {Formik, Field, Form} from 'formik'


class Login extends React.Component {
  render() {
    return (
        <div className="container h-100">
          <div className="row h-100 justify-content-center align-items-center">
            <Formik
                initialValues={{user: '', password: ''}}
                onSubmit={(values, action) => {console.log(values)}}
                render={
                  () => (
                    <ReactStrapForm tag={Form}>
                      <FormGroup>
                        <Input tag={Field} type="text" placeholder="User" name="user"/>
                      </FormGroup>
                      <FormGroup>
                        <Input tag={Field} type="password" placeholder="Password" name="password"/>
                      </FormGroup>
                      <FormGroup>
                        <Input type="submit" name="login" />
                      </FormGroup>
                    </ReactStrapForm>
                )}
            />
          </div>
        </div>
    );
  }
}

export default Login