fhir-react/src/components/resources/ResearchStudy/ResearchStudy.stories.js

React component library for displaying FHIR Resources

import React from 'react';
import { object } from '@storybook/addon-knobs';

import ResearchStudy from './ResearchStudy';
import fhirVersions from '../fhirResourceVersions';

import stu3Example1 from '../../../fixtures/stu3/resources/researchStudy/example-1.json';
import r4Example1 from '../../../fixtures/r4/resources/researchStudy/example1.json';

export default {
  title: 'ResearchStudy',
};

export const ExampleOfSTU3 = () => {
  const fhirResource = object('Resource', stu3Example1);
  return (
    <ResearchStudy
      fhirVersion={fhirVersions.STU3}
      fhirResource={fhirResource}
    />
  );
};

export const ExampleOfR4 = () => {
  const fhirResource = object('Resource', r4Example1);
  return (
    <ResearchStudy fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />
  );
};