import React from 'react';
import { Alert } from './react';
export default {
    title: 'Feedback/Alert',
    component: Alert,
};
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',
        children: (React.createElement(React.Fragment, null,
            React.createElement("h3", null, "Alert Title"),
            React.createElement("p", null, "This is a more detailed alert message with additional description."))),
    },
};
