import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './StatusMessage.svelte';
const meta = {
    title: 'Status/Status Message',
    component: 'm-status-message',
    tags: ['v2'],
    argTypes: {
        status: {
            control: 'radio',
            options: ['info', 'success', 'warning', 'error', 'neutral', 'inprogress'],
        },
    },
    args: {
        label: 'Brief status message',
    },
    render: (args) => html `<m-status-message
      label=${ifDefined(args.label)}
      status=${ifDefined(args.status)}
    ></m-status-message>`,
};
export default meta;
export const Info = {};
export const Success = {
    args: { status: 'success' },
};
export const Warning = {
    args: { status: 'warning' },
};
export const Error = {
    args: { status: 'error' },
};
export const Neutral = {
    args: { status: 'neutral' },
};
export const InProgress = {
    args: { status: 'inprogress' },
};
