Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { createReference } from '@medplum/core'; import type { Annotation } from '@medplum/fhirtypes'; import { DrAliceSmith } from '@medplum/mock'; import type { Meta } from '@storybook/react'; import type { JSX } from 'react'; import { Document } from '../Document/Document'; import { AnnotationInput } from './AnnotationInput'; export default { title: 'Medplum/AnnotationInput', component: AnnotationInput, } as Meta; export const Basic = (): JSX.Element => ( <Document> <AnnotationInput defaultValue={ { authorReference: createReference(DrAliceSmith), text: 'This is an annotation', } as Annotation } onChange={console.log} name="annotation" path="Extension.value[x]" /> </Document> ); export const Disabled = (): JSX.Element => ( <Document> <AnnotationInput disabled={true} defaultValue={ { authorReference: createReference(DrAliceSmith), text: 'This is an annotation', } as Annotation } onChange={console.log} name="annotation" path="Extension.value[x]" /> </Document> );