<label for="mf-input-text-19548a0">
					${ parent.decodeEntities(`First Name`) } 					*
				</label>
			<input type="text" id="mf-input-text-19548a0" 
				name="mf-listing-fname" 
				placeholder="${ parent.decodeEntities(``) } "
				onInput=${ parent.handleChange }
									aria-invalid=${validation.errors['mf-listing-fname'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":15,"type":"by_word_length","required":true,"expression":"null"}, el) }
							/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-listing-fname"
					as=${html``}
					/>
							<label for="mf-input-email-84fc7e5">
					${ parent.decodeEntities(`Your Email`) } 					*
				</label>
			<input 
				type="email" 
				defaultValue="" 
				class="mf-input " 
				id="mf-input-email-84fc7e5" 
				name="mf-email" 
				placeholder="${ parent.decodeEntities(``) } " 
				onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } 
				ref=${el=> parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
							/>
						<${validation.ErrorMessage} 
				errors=${validation.errors} 
				name="mf-email" 
				as=${html``}
			/>
							<label className="mf-input-label" htmlFor="mf-input-select-6a1686a">
					${ parent.decodeEntities(`Do you read the message above?`) } 					*
				</label>
            <${props.Select}
                className=${"mf-input mf-input-select  " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}
                classNamePrefix="mf_select"
                name="mf-select"
                placeholder="${ parent.decodeEntities(`-- Please choose an option --`) } "
                isSearchable=${false}
                options=${[{"label":"Yes","value":"Yes","isDisabled":false},{"label":"No","value":"No","isDisabled":false}]}
                value=${parent.getValue("mf-select") ? [{"label":"Yes","value":"Yes","isDisabled":false},{"label":"No","value":"No","isDisabled":false}].filter(item => item.value === parent.getValue("mf-select"))[0] : []}
                onChange=${(e)=> parent.handleSelect(e, "mf-select")}
                ref=${() => {
				                    register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
                    if ( parent.getValue("mf-select") === '' && false ) {
				    parent.setValue( 'mf-select', '', true );
                        parent.handleChange({
                            target: {
                                name: 'mf-select',
                                value: ''
                            }
                        });
                    }
                }}
                />
            				<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-select"
					as=${html``}
					/>
							<label for="mf-input-text-d72fec9">
					${ parent.decodeEntities(`Last Name`) } 					*
				</label>
			<input type="text" id="mf-input-text-d72fec9" 
				name="mf-listing-lname" 
				placeholder="${ parent.decodeEntities(``) } "
				onInput=${ parent.handleChange }	
									aria-invalid=${validation.errors['mf-listing-lname'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":2,"maxLength":15,"type":"by_word_length","required":true,"expression":"null"}, el) }
			/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-listing-lname"
					as=${html``}
					/>
							<label for="mf-input-telephone-253b9ab">
					${ parent.decodeEntities(`Phone Number`) } 					*
				</label>
			<input
				type="tel"
				class="mf-input "
				id="mf-input-telephone-253b9ab" 
				name="mf-telephone"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}
					ref=${el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-telephone"
					as=${html``}
					/>
							<label for="mf-input-text-fc5f7b8">
					${ parent.decodeEntities(`Subject`) } 					*
				</label>
			<input
				type="text"
				class="mf-input "
				id="mf-input-text-fc5f7b8"
				name="mf-text"
				placeholder="${ parent.decodeEntities(``) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['mf-text'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-text"
					as=${html``}
					/>
							<label for="mf-input-text-area-f200b40">
					${ parent.decodeEntities(`Your Message`) } 					*
				</label>
			<textarea id="mf-input-text-area-f200b40"
				name="mf-textarea" 
				placeholder="${ parent.decodeEntities(``) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['mf-textarea'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
								></textarea>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="mf-textarea"
					as=${html``}
					/>
							<button type="submit" id="">
					${ parent.decodeEntities(`Send`) } 
				</button>