return (
      <Form>
        <div className="create-form">
          <div className="row">
            <div className="six columns">
              <TextField
                name="firstName"
                label="First Name"
                errorText="This field is required"
                fullWidth
                value={values.firstName}
                onChange={handleChange}
              />
            </div>
            <div className="six columns">
              <TextField
                name="lastName"
                label="Last Name"
                fullWidth
                value={values.lastName}
                onChange={handleChange}
              />
            </div>
          </div>
          <div>
            <div className="twelve columns">
              <TextField
                name="preferredName"
                label="Preferred name"
                fullWidth
                value={values.preferredName}
                onChange={handleChange}
              />
            </div>
          </div>

          <div className="twelve columns">

              <select name="degree" value={values.degree}>
                <option value="volvo">Volvo</option>
                <option value="saab">Saab</option>
                <option value="mercedes">Mercedes</option>
                <option value="audi">Audi</option>
              </select>
          </div>
        </div>
        <GrayButton
          type="submit"
          disabled={this.props.isSubmitting}
          variant="raised"
        >
          {buttonText}
        </GrayButton>
      </Form>