content: import React from 'react';
  import PropTypes from 'prop-types';
  import TextField from 'material-ui/TextField';
  import RaisedButton from 'material-ui/RaisedButton';
  
  const CheckinForm = ({
    today, yesterday, blockers, changeState, submitForm
  }) => {
    return (
      <div>
        <form>
          <TextField onChange={changeState} name='yesterday' hintText='Eating chocolate' floatingLabelText='What did you do yesterday?' id='yesterday' defaultValue={yesterday} />
          <br />
          <TextField onChange={changeState} name='today' hintText='Eating ice cream' floatingLabelText='What are you doing today?' id='today' defaultValue={today} />
          <br />
          <TextField onChange={changeState} name='blockers' hintText='Sore stomach' floatingLabelText='Do you have any blockers?' id='blockers' defaultValue={blockers} />
          <br />
          <RaisedButton onTouchTap={submitForm} id='submit' label='Add Checkin' primary={true} />
        </form>
      </div>
    );
  };
  
  CheckinForm.propTypes = {
    today: PropTypes.string,
    yesterday: PropTypes.string,
    blockers: PropTypes.string,
    changeState: PropTypes.func,
    submitForm: PropTypes.func
  };
  
  export default CheckinForm;
  