import React, { Fragment } from 'react';

import { Typography, Grid, GridItem, withStyles } from '@material-ui/core';

const styles = theme => ({
  details: {
    marginTop: theme.spacing.unit * 8,
    marginBottom: theme.spacing.unit * 8
  }
});

const PatientDetails = ({
  firstname,
  lastname,
  middlename,
  gender,
  dob,
  click
}) => (
      <div>
        <p onClick={click}> <strong>{lastname}</strong> {firstname} {middlename} </p>
        <p> {gender} {dob} </p>
      </div>

);

export default PatientDetails;