import React from 'react'
import {Box} from '@chakra-ui/react'
import {CoverPage, CoverPageProps} from './Cover'

type ReportProps = {
  coverPage: CoverPageProps
}

export const Report = ({coverPage}: ReportProps) => (
  <Box>
    <CoverPage
      agencyLogoUrl={coverPage.agencyLogoUrl}
      propertyName={coverPage.propertyName}
      date={coverPage.date}
      agentAvatarUrl={coverPage.agentAvatarUrl}
      agentRen={coverPage.agentRen}
      agentTitle={coverPage.agentTitle}
      agentEmail={coverPage.agentEmail}
      agentMobileNo={coverPage.agentMobileNo}
      agencyOfficeAddr={coverPage.agencyOfficeAddr}
    />
  </Box>
)