import { spread } from '@open-wc/lit-helpers';
import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
import { html } from 'lit';
import { prespread } from '../../.storybook/utilities.js';
import '../utils/expand-transition.js';
import './index.js';
const { events, args, argTypes } = getStorybookHelpers('w-alert');
const meta = {
    title: 'Feedback/Alert',
    render(args) {
        return html `
      <w-alert ${spread(prespread(args))}>
        <p>This is an alert message</p>
      </w-alert>
    `;
    },
    args,
    argTypes,
    parameters: {
        actions: {
            handles: events,
        },
    },
};
export default meta;
export const Info = {
    args: {
        variant: 'info',
        show: true,
        role: 'alert',
    },
};
export const Warning = {
    args: {
        variant: 'warning',
        show: true,
        role: 'alert',
    },
};
export const Negative = {
    args: {
        variant: 'negative',
        show: true,
        role: 'alert',
    },
};
export const Positive = {
    args: {
        variant: 'positive',
        show: true,
        role: 'alert',
    },
};
export const WithDescription = {
    args: {
        variant: 'info',
        show: true,
        role: 'alert',
    },
    render(args) {
        return html `
      <w-alert ${spread(prespread(args))}>
        <h3>Alert Title</h3>
        <p>This is a more detailed alert message with additional description.</p>
      </w-alert>
    `;
    },
};
