content: import { Field, reduxForm } from 'redux-form/immutable'; // <--- immutable import
  import React from 'react';
  import RaisedButton from 'material-ui/RaisedButton';
  import InputField from 'components/InputField';
  import Span from 'components/Span';
  import validate from './validate';
  // import styled from 'styled-components';
  /* eslint-disable react/prop-types, jsx-a11y/label-has-for */
  const buttonStyle = {
    margin: '0.5em',
    marginTop: '2em',
  };
  class ChangePasswordForm extends React.Component { // eslint-disable-line react/prefer-stateless-function
    render() {
      const { sendData, handleSubmit, pristine, submitting, reset } = this.props;
      return (
        <form onSubmit={handleSubmit(sendData)}>
          <div>
            <Field name="oldPassword" type="password" component={InputField} label="Old password" />
          </div>
          <div>
            <Field name="newPassword" type="password" component={InputField} label="New password" />
          </div>
          <div>
            <Field name="passwordConfirmation" type="password" component={InputField} label="Password confirmation" />
          </div>
          <div>
            {
              this.props.passwordError
                ? <Span>{this.props.passwordError}</Span>
                : null
            }
          </div>
          <div>
            <RaisedButton type="submit" disabled={submitting} primary style={buttonStyle}>Submit</RaisedButton>
            <RaisedButton type="button" disabled={pristine || submitting} onClick={reset} style={buttonStyle}>
              Clear
            </RaisedButton>
          </div>
        </form>
      );
    }
  }
  
  ChangePasswordForm.propTypes = {
  
  };
  
  export default reduxForm({
    form: 'changePasswordForm', // a unique identifier for this form
    validate,
  })(ChangePasswordForm);
  