import { Canvas, Controls, Meta, Description } from '@storybook/blocks'
import { KAIOInstallation, ResourceLinks } from '~storybook/components'
import * as InlineNotificationExamples from './InlineNotification.stories'

<Meta of={InlineNotificationExamples} />

# InlineNotification

<ResourceLinks
  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Notification/InlineNotification"
  figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A21594&mode=design&t=HmSOpdHdka19ZmTO-1"
  designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification"

/>

<KAIOInstallation exportNames="InlineNotification" />

## Overview

`<InlineNotification>` is used to display contextual information, including positive feedback or confirmation about an action, warnings about possible issues or show-stopping errors.

<Canvas of={InlineNotificationExamples.Playground} />

## API

<Controls of={InlineNotificationExamples.Playground} />

### persistent

<Description of={InlineNotificationExamples.Persistent} />
<Canvas of={InlineNotificationExamples.Persistent} />

### forceMultiline

<Description of={InlineNotificationExamples.ForceMultilineDemo} />
<Canvas of={InlineNotificationExamples.ForceMultilineDemo} />

<Description of={InlineNotificationExamples.ContentMultilineDemo} />
<Canvas of={InlineNotificationExamples.ContentMultilineDemo} />