terra-clinical-result/src/terra-dev-site/doc/example/clinical-result-blood-pressure/ClinicalResultBloodPressureChangeSize.jsx

The Terra Clinical Result package is a collection of standardized views for presenting clinical results documented to a Patient's Medical Chart, such as Vital Signs, Laboratory Results, and Discretely Documented Values

import React from 'react';
import { ClinicalResultBloodPressure } from 'terra-clinical-result/lib/index';
import classNames from 'classnames/bind';
import styles from '../Examples.module.scss';

const cx = classNames.bind(styles);

const bloodpressureResultValue = {
  id: '111',
  systolic: {
    eventId: '111.1',
    result: {
      value: '180',
      unit: 'mm Hg',
    },
    interpretation: 'critical',
    isModified: true,
    hasComment: true,
    conceptDisplay: 'Systolic / Diastolic Blood Pressure',
    datetimeDisplay: 'Nov 23, 2019 13:31:31',
  },
  diastolic: {
    eventId: '111.2',
    result: {
      value: '60',
      unit: 'mmHg',
    },
    interpretation: 'low',
    isModified: true,
    hasComment: true,
    conceptDisplay: 'Systolic / Diastolic Blood Pressure',
    datetimeDisplay: 'Nov 23, 2019 13:31:31',
  },
};

export default () => (
  <div className={cx('clinical-result-fontsize-21')}>
    <ClinicalResultBloodPressure {...bloodpressureResultValue} />
  </div>
);