import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './Loader.svelte';
const meta = {
    title: 'Indicators/Loader',
    component: 'm-loader',
    argTypes: {
        size: {
            control: 'radio',
            options: ['xs', 's', 'm', 'l'],
        },
        appearance: {
            control: 'radio',
            options: ['standard', 'accent', 'inverse'],
        },
    },
    render: (args) => html `
    <m-loader
      appearance=${ifDefined(args.appearance)}
      size=${ifDefined(args.size)}
      text=${ifDefined(args.text)}
    ></m-loader>
  `,
};
export default meta;
export const Standard = {};
export const Accent = {
    args: { appearance: 'accent' },
};
export const Inverse = {
    globals: {
        backgrounds: { value: 'inverse' },
    },
    args: { appearance: 'inverse' },
};
export const Size = {
    args: { size: 's' },
};
