import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './StepperCompact.svelte';
const meta = {
    title: 'Indicators/Stepper Compact',
    component: 'm-stepper-compact',
    argTypes: {
        value: {
            control: { type: 'number', min: 1, max: 10 },
        },
        maxsteps: {
            control: { type: 'number', min: 2, max: 10 },
        },
    },
    args: {
        value: 1,
        maxsteps: 4,
        label: 'Current Step',
        description: 'Next: Step label',
    },
    render: (args) => html `<m-stepper-compact
      value="${ifDefined(args.value)}"
      maxsteps="${ifDefined(args.maxsteps)}"
      label="${ifDefined(args.label)}"
      description="${ifDefined(args.description)}"
    ></m-stepper-compact>`,
};
export default meta;
export const Default = {};
