import type { Meta, StoryObj } from '@storybook/react-vite';

import { SystemMessage } from './SystemMessage';

const meta: Meta<typeof SystemMessage> = {
  title: 'UI kit/SystemMessage',
  component: SystemMessage,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof SystemMessage>;

export const Default: Story = {
  args: {
    level: 'notice',
    title: 'System message',
    description: 'This is a system message',
  },
};

export const Success: Story = {
  args: {
    level: 'success',
    title: 'System message',
    description: 'This is a system message',
  },
};

export const Alert: Story = {
  args: {
    level: 'alert',
    title: 'System message',
    description: 'This is a system message',
  },
};

export const Error: Story = {
  args: {
    level: 'error',
    title: 'System message',
    description: 'This is a system message',
  },
};