import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import StatusMessage from '../StatusMessage';

<Meta title="Atoms/Status Message" component={StatusMessage} />


# Status Message
<br />

## `StatusMessage` are used to display notifications to the user.
<br />

### Default
<Canvas>
    <Story name="Default">
        <StatusMessage title="Your search did not return results" details="Please try to search for other keywords" />
    </Story>
</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} />
