import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import StatusMessage from '../StatusMessage';
import * as StatusMessageStories from './StatusMessage.stories';

<Meta of={StatusMessageStories} />

# Status Message

<br />

## `StatusMessage` are used to display notifications to the user.

<br />

### Default

<Canvas>
  <Story of={StatusMessageStories.Default} />
</Canvas>

## Usage Example

```jsx
import StatusMessage from '@appdirect/sfb-theme-components/src/atoms/status-message/StatusMessage';

<StatusMessage
    title={title}
    details={message}
/>

```

## Props

<ArgsTable of={StatusMessage} />
