import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import './LoadingOverlay.svelte';
const meta = {
    title: 'Overlay/Loading Overlay',
    component: 'm-loading-overlay',
    parameters: {
        layout: 'fullscreen',
        docs: {
            story: { height: '400px' },
        },
    },
    args: {
        isvisible: true,
    },
    argTypes: {
        '--overlay-z-index': {
            description: 'Customise the z-index of the overlay',
            control: false,
            table: {
                category: 'Custom Properties',
                type: { summary: 'number' },
                defaultValue: { summary: '2' },
            },
        },
    },
    render: (args) => html `
    <m-loading-overlay
      ?isvisible=${args.isvisible}
      text=${ifDefined(args.text)}
    ></m-loading-overlay>
  `,
};
export default meta;
export const Default = {};
export const Text = {
    args: {
        text: 'Insert your text here',
    },
};
