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

<Meta of={GlobalNotificationExamples} />

# GlobalNotification

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

/>

<KAIOInstallation exportNames="GlobalNotification" />

## Overview

`<GlobalNotification>` is used to inform the user of system level messages.

<Canvas of={GlobalNotificationExamples.Playground} />

## API

<Controls of={GlobalNotificationExamples.Playground} />

### persistent

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