import { html } from 'lit';
import { ifDefined } from 'lit/directives/if-defined.js';
import './CheckListMenu.svelte';
const meta = {
    title: 'Navigation/Check-list Menu',
    component: 'm-check-list-menu',
    tags: ['v2'],
    args: {
        selected: 1,
        items: [
            { label: 'Label', checked: true },
            { label: 'Label', checked: true },
            { label: 'Label', checked: false },
            { label: 'Label', checked: true },
        ],
    },
    render: (args) => html `
    <m-check-list-menu
      selected=${ifDefined(args.selected)}
      ?outlined=${args.outlined}
      .items=${ifDefined(args.items)}
    >
    </m-check-list-menu>
  `,
};
export default meta;
export const Default = {};
export const Outlined = {
    args: {
        outlined: true,
    },
};
