Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
// SPDX-License-Identifier: Apache-2.0
import type { Meta } from '@storybook/react';
import type { JSX } from 'react';
import { Document } from '../Document/Document';
import { StatusBadge } from './StatusBadge';

export default {
  title: 'Medplum/StatusBadge',
  component: StatusBadge,
} as Meta;

export const ExampleStatuses = (): JSX.Element => (
  <Document>
    <div style={{ lineHeight: '200%' }}>
      <div>
        Status: <StatusBadge status="active" />
      </div>
      <div>
        Status: <StatusBadge status="on-hold" />
      </div>
      <div>
        Status: <StatusBadge status="completed" />
      </div>
      <div>
        Status: <StatusBadge status="cancelled" />
      </div>
      <div>
        Status: <StatusBadge status="entered-in-error" />
      </div>
      <div>
        Status: <StatusBadge status="unknown" />
      </div>
    </div>
  </Document>
);