import React from 'react';
import { Breadcrumbs } from './react';
export default {
    title: 'Navigation/Breadcrumbs',
    render(args) {
        return (React.createElement(Breadcrumbs, { ...args },
            React.createElement("a", { href: "#/home" }, "Home"),
            React.createElement("a", { href: "#/category" }, "Category"),
            React.createElement("a", { href: "#/subcategory" }, "Subcategory"),
            React.createElement("span", { "aria-current": "page" }, "Current Page")));
    },
    component: Breadcrumbs,
};
export const Default = {
    args: {
        'aria-label': 'You are here',
    },
};
export const WithLinks = {
    args: {
        'aria-label': 'Navigation breadcrumb',
    },
    render(args) {
        return (React.createElement(Breadcrumbs, { ...args },
            React.createElement("a", { href: "#/eiendom" }, "Eiendom"),
            React.createElement("a", { href: "#/bolig-til-salgs" }, "Bolig til salgs"),
            React.createElement("a", { href: "#/oslo", "aria-current": "page" }, "Oslo")));
    },
};
export const WithSpanForCurrentPage = {
    args: {
        'aria-label': 'You are here',
    },
    render(args) {
        return (React.createElement(Breadcrumbs, { ...args },
            React.createElement("a", { href: "#/eiendom" }, "Eiendom"),
            React.createElement("a", { href: "#/bolig-til-salgs" }, "Bolig til salgs"),
            React.createElement("span", { "aria-current": "page" }, "Oslo")));
    },
};
