import React, { Fragment } from 'react';

import AddressInformation from './AddressInformation';
import BasicInformation from './BasicInformation';
import ContactInformation from './ContactInformation';
import NextOfKinInformation from './NextOfKinInformation';

import Section from './Section';

class General extends React.Component {
  render() {
    const { details } = this.props;
    const { basicInformation, addresses, contactPoints, nextOfKin } = details;
    return (
      <Fragment>
        <Section
          name="Basic Information"
          Component={(
            <BasicInformation
              basicInfo={basicInformation}
            />
          )}
          sectionId="page.conditions.cardivascularField"
        />

        <Section
          name="Address"
          Component={(
            <AddressInformation
              addressInfo={addresses}
            />
          )}
          sectionId="page.conditions.cardivascularField"
        />

        <Section
          name="Contact"
          Component={(
            <ContactInformation
              contactInfo={contactPoints}
            />
          )}
          sectionId="page.conditions.cardivascularField"
        />

        <Section
          name="Next of kin"
          Component={(
            <NextOfKinInformation
              nextOfKinInfo={nextOfKin}
            />
          )}
          sectionId="page.conditions.cardivascularField"
        />
        </Fragment>
    );
  }
}

export default General;