import React from 'react';


class Field extends React.Component {

    render() {
        return ();
    }
}

export { Field };

@@ -20,16 +20,51 @@
 react';%0A
+import PropTypes from 'prop-types';
 %0A%0Aclass 
@@ -95,17 +95,16 @@
 onent %7B%0A
-%0A
     rend
@@ -130,16 +130,830 @@
 rn (
-);%0A    %7D
+%0A            %3Cdiv className=%22form__subset%22%3E%0A                %7Bthis.props.label%0A                    ?%3Clabel htmlFor=%22firstname%22 className=%22field__label%22%3E%7Bthis.props.label%7D%3C/label%3E%0A                    :null%7D%0A                %3Cdiv className=%22field__wrapper%22%3E%0A                    %3Cinput type=%7Bthis.props.type%7D id=%7Bthis.props.id%7D value=%7Bthis.props.value%7D onChange=%7Bthis.props.handleUpdate%7D onBlur=%7Bthis.props.handleBlur%7D placeholder=%7Bthis.props.placeholder%7D /%3E%0A                %3C/div%3E%0A            %3C/div%3E%0A        );%0A    %7D%0A%7D%0A%0AField.propTypes = %7B%0A    id: PropTypes.string.isRequired,%0A    type: PropTypes.string.isRequired,%0A    value: PropTypes.string.isRequired,%0A    placeholder: PropTypes.string,%0A    label: PropTypes.string,%0A    required: PropTypes.string,%0A    handleUpdate: PropTypes.func.isRequired,%0A    handleBlur:PropTypes.func
 %0A%7D%0A%0A

Create Field Structure