import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './CircularProgressbar.svelte';
const meta = {
    title: 'Indicators/Circular Progress Bar',
    component: 'm-circular-progressbar',
    tags: ['v2'],
    argTypes: {
        value: {
            control: { type: 'range', min: 0, max: 100 },
        },
        type: {
            control: 'radio',
            options: ['percentage', 'content'],
        },
        size: {
            control: 'radio',
            options: ['s', 'm', 'l'],
        },
    },
    args: {
        value: 40,
    },
    render: (args) => html `
    <m-circular-progressbar
      size=${ifDefined(args.size)}
      value=${ifDefined(args.value)}
      type=${ifDefined(args.type)}
      contentvalue=${ifDefined(args.contentvalue)}
      additionalinfo=${ifDefined(args.additionalinfo)}
    ></m-circular-progressbar>
  `,
};
export default meta;
export const Standard = {};
export const SizeS = {
    args: { size: 'm' },
};
export const SizeM = {
    args: { size: 's' },
};
export const Content = {
    args: {
        type: 'content',
        contentvalue: '999 999€',
        additionalinfo: 'additional Info',
    },
};
