import React, { Fragment } from 'react';
import { FieldArray } from 'redux-form';
import { withStyles } from '@material-ui/core/styles';
import ReviewTitle from '../../../Titles/ReviewTitle';
import renderPrescriptions from './renderPrescriptions';

const PerscriptionsFormFields = ({
  previousPage, classes, prescriptions
}) => (
  <Fragment>
    <ReviewTitle
      title="Add Prescription"
      onClick={previousPage}
    />
    <FieldArray
      name="prescriptions"
      props={{ classes, prescriptions }}
      component={renderPrescriptions}
    />
  </Fragment>
);

export default PerscriptionsFormFields;