import { spread } from '@open-wc/lit-helpers';
import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
import { html } from 'lit';
import { prespread } from '../../.storybook/utilities.js';
import './index.js';
const { events, args, argTypes } = getStorybookHelpers('w-breadcrumbs');
const meta = {
    title: 'Navigation/Breadcrumbs',
    render(args) {
        return html `
      <w-breadcrumbs ${spread(prespread(args))}>
        <a href="#/home">Home</a>
        <a href="#/category">Category</a>
        <a href="#/subcategory">Subcategory</a>
        <span aria-current="page">Current Page</span>
      </w-breadcrumbs>
    `;
    },
    args,
    argTypes,
    parameters: {
        actions: {
            handles: events,
        },
    },
};
export default meta;
export const Default = {
    args: {
        'aria-label': 'You are here',
    },
};
export const WithLinks = {
    args: {
        'aria-label': 'Navigation breadcrumb',
    },
    render(args) {
        return html `
      <w-breadcrumbs ${spread(prespread(args))}>
        <a href="#/eiendom">Eiendom</a>
        <a href="#/bolig-til-salgs">Bolig til salgs</a>
        <a href="#/oslo" aria-current="page">Oslo</a>
      </w-breadcrumbs>
    `;
    },
};
export const WithSpanForCurrentPage = {
    args: {
        'aria-label': 'You are here',
    },
    render(args) {
        return html `
      <w-breadcrumbs ${spread(prespread(args))}>
        <a href="#/eiendom">Eiendom</a>
        <a href="#/bolig-til-salgs">Bolig til salgs</a>
        <span aria-current="page">Oslo</span>
      </w-breadcrumbs>
    `;
    },
};
