A text content component with consistent padding and typography for displaying narrative healthcare information. Designed for clinical notes, descriptions, and unstructured observation data.

Basic Example

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

const note = {
  content:
    "Patient reports mild discomfort in left shoulder. Range of motion appears normal. No visible swelling or inflammation.",
};

const ClinicalNote = () => (
  <ObservationDetail.TextData>{note.content}</ObservationDetail.TextData>
);

export default ClinicalNote;