import React from 'react'
import {Text, View, StyleSheet } from '@react-pdf/renderer'

const styles = StyleSheet.create({
    headerContainer: {
        marginTop: 16
    },
    billTo: {
        paddingTop: 10,
        paddingBottom: 3,
        fontFamily: 'Helvetica-Oblique'
    },
  })


  const ReportOf = props => {
    const { PatientName, PatientEmail, PatientAddress, EducatorName, DoctorName } = props.person
    // console.log('hello 😰')
    // console.log(props)
    return (
    <View style={styles.headerContainer}>
        <Text style={styles.billTo}>Patient Info:</Text>
        <Text>{PatientName}</Text>
        <Text>{PatientAddress}</Text>
        <Text>{PatientEmail}</Text>
        <Text>Doctor: {DoctorName}</Text>
        <Text>Educator: {EducatorName}</Text>
    </View>
  )
}
  
  export default ReportOf