text: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import TextField from '@material-ui/core/TextField';
  
  class AddressEditFields extends Component {
      render() {
          return (
              <div>
                  <TextField
                      autoFocus
                      margin="dense"
                      id="name"
                      label="First Name"
                      type="string"
                      value={this.props.address.firstName}
                      onChange={e => this.props.addressChangedByUser('firstName', e)}
                      fullWidth
                  />
                  <TextField
                      autoFocus
                      margin="dense"
                      id="name"
                      label="Last Name"
                      type="string"
                      value={this.props.address.lastName}
                      onChange={e => this.props.addressChangedByUser('lastName', e)}
                      fullWidth
                  />
              </div>
          );
      }
  }
  
  AddressEditFields.propTypes = {
      addressChangedByUser: PropTypes.func,
      address: PropTypes.shape({
          firstName: PropTypes.string,
          lastName: PropTypes.string
      })
  };
  
  export default AddressEditFields;