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

import WarningNotification from './WarningNotification';

const meta = {
    title: 'Components/NotificationMessage/WarningNotification',
    component: WarningNotification,
    argTypes: {
        ariaLive: argTypes.ariaLive(),
        children: argTypes.children(),
        headingLevel: argTypes.headingLevel(),
        icon: { table: { disable: true } },
        isDismissable: argTypes.boolean()
    },
    args: {
        ariaLive: 'polite',
        children: (<p>You have added the landlord <strong>John Smith</strong> to the application.</p>),
        headingLevel: 'h3',
        isDismissable: false,
        title: 'Landlord added successfully',
    }
} satisfies Meta<typeof WarningNotification>;

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

export const Default: Story = {
};

export const NoChildren: Story = {
    args: {
        children: undefined
    }
};

export const DifferentHeadingLevel: Story = {
    args: {
        headingLevel: 'h2'
    }
};

export const Dismissable: Story = {
    args: {
        isDismissable: true
    }
};