import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './StatusDot.svelte';
const meta = {
    title: 'Status/Status Dot',
    component: 'm-status-dot',
    tags: ['v2'],
    argTypes: {
        status: {
            control: 'radio',
            options: ['info', 'success', 'warning', 'error'],
        },
        size: {
            control: 'radio',
            options: ['s', 'm', 'l'],
        },
    },
    render: (args) => html ` <m-status-dot
      size=${ifDefined(args.size)}
      status=${ifDefined(args.status)}
    ></m-status-dot>`,
};
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 Size = {
    args: { size: 'l' },
};
