import React, { Fragment } from 'react';
import { Field, FormSection } from 'redux-form';

// Material Components
import { Typography } from '@material-ui/core';
import TextInput from '../../../TextInput/TextInput';


const ContactFormFields = () => (
  <Fragment>
    <Typography
      variant="caption"
      color="inherit"
    >
      <br />
          Contact
    </Typography>
    <FormSection name="contactPoints">
      <Field
        name="phone"
        type="text"
        label="Phone number"
        fullWidth
        component={TextInput}
      />

      <Field
        name="email"
        type="email"
        label="E-mail"
        fullWidth
        component={TextInput}
      />
    </FormSection>
  </Fragment>
);

export default ContactFormFields;