import { html } from 'lit';
import './StepperInline.svelte';
const meta = {
    title: 'Indicators/Stepper Inline',
    component: 'm-stepper-inline',
    args: {
        step: 'step1',
        steps: [
            { id: 'step1', label: 'Cart' },
            { id: 'step2', label: 'Delivery address' },
            { id: 'step3', label: 'Payment' },
            { id: 'step4', label: 'Order confirmation' },
        ],
    },
    render: (args) => html `<m-stepper-inline step="${args.step}" .steps="${args.steps}"></m-stepper-inline>`,
};
export default meta;
export const Default = {};
