text: import React, { Component } from 'react';
  
  import { reduxForm, Field } from 'redux-form';
  
  import { FormInput, FormButton } from '../formFields';
  import Details from '../details';
  
  import history from '../../history';
  
  class SignUpForm extends Component {
      render() {
          const { className, handleSubmit } = this.props;
          const info = [
              {
                  _id: 0,
                  title: 'At least 6 characters'
              },
              {
                  _id: 1,
                  title: 'At least one number'
              },
              {
                  _id: 2,
                  title: 'At least one symbol'
              }
          ]
          return (
              <form onSubmit={handleSubmit} className={`${className} sign-up-form`}>
                  <Field className='sign-up-form__name'
                  type='name'
                  title='Name'
                  placeholder='Name'
                  name='name'
                  component={FormInput}/>
                  <Field className='sign-up-form__email'
                  type='email'
                  title='Email'
                  placeholder='Email'
                  name='email'
                  component={FormInput}/>
                  <Field className='sign-up-form__password'
                  type='password'
                  title='Password'
                  placeholder='Password'
                  name='password'
                  component={FormInput}/>
                  <Field className='sign-up-form__confirm'
                  type='password'
                  title='Confirm Password'
                  placeholder='Confirm Password'
                  name='confirm'
                  component={FormInput}/>
  
                  <div className='sign-up-form__line'></div>
                  <Field className='sign-up-form__login'
                  onClick={() => history.push('/account')}
                  type='submit'
                  title='Create Account'
                  name='login'
                  component={FormButton}/>
                  <Field className='sign-up-form__back'
                  onClick={() => history.push('/signin')}
                  type='button'
                  title='Back'
                  name='back'
                  short={true}
                  component={FormButton}/>
                  <Details className='sign-up-form__details' title='Password Requirements' info={info}/>
              </form>
          )
      }
  }
  
  SignUpForm = reduxForm({
      form: 'SignUpForm'
  })(SignUpForm);
  
  export default SignUpForm;
  