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

import { withStyles } from '@material-ui/core/styles';
import { Typography, Grid } from '@material-ui/core';
import renderDiagnoses from './renderDiagnoses';
import ReviewTitle from '../../../Titles/ReviewTitle';

const DiagnosesSection = ({
  classes, previousPage
}) => (
  <Fragment>
    <ReviewTitle
      title="Diagnosis"
      onClick={previousPage}
    />
    <FieldArray
      name="diagnosis"
      props={{
        classes
      }}
      component={renderDiagnoses}
    />
  </Fragment>
);

export default DiagnosesSection;