ObservationDetail

import { ObservationDetail } from "@ovok/native";
import * as React from "react";

const mappedData = {
  effectiveDateTime: "2021-01-01",
  systolic: 120,
  diastolic: 80,
  heartRate: 70,
  deviceName: "Blood Pressure Monitor",
};

const MedicalObservation = () => {
  return (
    <ObservationDetail>
      <ObservationDetail.DateTime dateTime={mappedData.effectiveDateTime} />

      <ObservationDetail.DataContainer>
        <ObservationDetail.SingleCardDataRow
          label="Systolic (mmHg)"
          value={mappedData.systolic.toString()}
        />
        <ObservationDetail.SingleCardDataRow
          label="Diastolic (mmHg)"
          value={mappedData.diastolic.toString()}
        />
        <ObservationDetail.SingleCardDataRow
          label="Heart Rate (bpm)"
          value={mappedData.heartRate.toString()}
        />

        <ObservationDetail.Resource title={mappedData.deviceName} />
      </ObservationDetail.DataContainer>
    </ObservationDetail>
  );
};

export default MedicalObservation;