import { html } from 'lit';
import { ifDefined } from 'lit/directives/if-defined.js';
import './Breadcrumb.svelte';
const meta = {
    title: 'Navigation/Breadcrumb',
    component: 'm-breadcrumb',
    args: {
        links: [
            {
                label: 'Home',
                href: '#',
            },
            {
                label: 'level 01',
                href: '#',
            },
            {
                label: 'level 02',
                href: '#',
            },
            {
                label: 'Current Page',
                href: '#',
            },
        ],
    },
    argTypes: {
        appearance: {
            control: 'radio',
            options: ['standard', 'inverse'],
        },
    },
    render: (args) => html `
    <m-breadcrumb appearance=${ifDefined(args.appearance)} .links=${args.links}></m-breadcrumb>
  `,
};
export default meta;
export const Default = {};
export const Inverse = {
    globals: {
        backgrounds: { value: 'inverse' },
    },
    args: { appearance: 'inverse' },
};
