import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './LinearProgressbarBuffer.svelte';
const meta = {
    title: 'Indicators/Linear Progress Bar (Buffer)',
    component: 'm-linear-progressbar-buffer',
    tags: ['v2'],
    argTypes: {
        value: {
            control: { type: 'range', min: 0, max: 100 },
        },
        size: {
            control: 'radio',
            options: ['s', 'm', 'l'],
        },
    },
    args: {
        value: 40,
    },
    render: (args) => html `
    <m-linear-progressbar-buffer
      size=${ifDefined(args.size)}
      value=${ifDefined(args.value)}
    ></m-linear-progressbar-buffer>
  `,
};
export default meta;
export const Standard = {};
export const Size = {
    args: { size: 's' },
};
