import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './StatusBadge.svelte';
const meta = {
    title: 'Status/Status Badge',
    component: 'm-status-badge',
    argTypes: {
        status: {
            control: 'radio',
            options: ['info', 'success', 'warning', 'error'],
        },
    },
    args: { label: 'Badge label' },
    render: (args) => html ` <m-status-badge
      label=${ifDefined(args.label)}
      status=${ifDefined(args.status)}
    ></m-status-badge>`,
};
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' },
};
