terra-clinical-item-display/src/terra-dev-site/test/clinical-item-display/display/TextStyleItemDisplay.test.jsx

The Item Display component creates an display for text and an optional graphic. The Comment subcomponent creates a display for text with a comment icon.

import React from 'react';

import ItemDisplay from '../../../../ItemDisplay';

const views = () => (
  <div>
    <ItemDisplay text="test text (unset textStyle)" id="test-display-undefined" />
    <ItemDisplay text="test text" textStyle="primary" id="test-display-primary" />
    <ItemDisplay text="test text" textStyle="strong" id="test-display-strong" />
    <ItemDisplay text="test text" textStyle="attention" id="test-display-attention" />
    <ItemDisplay text="test text" textStyle="secondary" id="test-display-secondary" />
    <ItemDisplay text="test text" textStyle="strikeThrough" id="test-display-strike-through" />
  </div>
);

export default views;