import Notification from '../Notification';

import { ArgsTable, Story, Canvas, Meta } from '@storybook/addon-docs';
import { createComponentTemplate } from '../../../storybook/functions/create-component-story';

export const argTypes = {
  component: Notification,
  title: 'Components/Notification',
};

<Meta
  title="Components/Notification"
  component={Notification}
/>

export const NotificationTemplate = createComponentTemplate(Notification);

<Heading
  title="Notification"
  componentRelativePath="Notification/Notification.tsx"
/>

- [Overview](#overview)
- [Props](#props)
- [Contribute](#contribute)

## Overview

Notification is a component that renders the Notifications.

<Canvas>
  <Story
    name="Overview"
    args={{
      message: 'Track all measurement for this series?',
      type: 'info',
      actions: [
        {
          type: 'cancel',
          text: 'No',
          value: 0,
        },
        {
          type: 'secondary',
          text: 'No, do not ask again',
          value: -1,
        },
        {
          type: 'primary',
          text: 'Yes',
          value: 1,
        },
      ],
    }}
  >
    {NotificationTemplate.bind({})}
  </Story>
</Canvas>

## Props

<ArgsTable of={Notification} />

## Contribute

<Footer componentRelativePath="Notification/__stories__/notification.stories.mdx" />
