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

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

const ClinicianDetailsFormFields = () => (
  <Fragment>
    <Typography
      variant="caption"
      color="inherit"
    >
      <br />
          Clinician details
    </Typography>

    <Field
      name="qualification"
      type="text"
      label="Qualification"
      fullWidth
      component={TextInput}
    />

    <Field
      name="memberships.0"
      type="text"
      label="Professional Registration"
      fullWidth
      component={TextInput}
    />
  </Fragment>
);

export default ClinicianDetailsFormFields;