import React, { Fragment } from 'react';

import TextDisplay from './TextDisplay';


const BasicInformation = ({
  basicInfo
}) => (
  <Fragment>
    <TextDisplay title="Name" value={basicInfo.firstname} />
    <TextDisplay title="Surname" value={basicInfo.lastname} />
    <TextDisplay title="Other names" value={basicInfo.middlename} />
    <TextDisplay title="D.O.B" value={basicInfo.dob} />
    <TextDisplay title="Gender" value={basicInfo.gender} />
    <TextDisplay title="language" value={basicInfo.languages[0].locale} />
    <TextDisplay title="Marital status" value={basicInfo.maritalstatus} />
  </Fragment>
);

export default BasicInformation;