import { h } from "@stencil/core";
export class DgaBreadcrumbsUsage {
    constructor() {
        this.variant = 'neutral';
    }
    render() {
        return (h("div", { key: '8669ba06ab3802681383f8f7425ed0bd5805cbcc' }, h("h1", { key: 'c501620b7c8c5d63ec7c0dee2b7c0289bec49df4' }, "Breadcrumbs Example"), h("div", { key: '27e421b15933855c348feb74bc8cc4892eea4c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a57fa679ce91ffb6285ad75b13a7dbb7f6b6a1db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'a45794487c3d0ea96ff17f1c770eadcd9e0f463e', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: '9873d2401cd89a2d72dd5ab51675d216de942141', items: [
                {
                    label: 'Home',
                    path: '/',
                },
                {
                    label: 'Products',
                    path: '/products',
                },
                {
                    label: 'Computers',
                    path: '/products/computers',
                    disabled: true,
                },
                {
                    label: 'Keyboards',
                    path: '/products/keyboards',
                },
            ], max: 3 })), h("div", { key: '4660dbb38aa8a0a186bf94107285eb907bfaeac7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
    static get is() { return "dga-breadcrumbs-usage"; }
    static get states() {
        return {
            "variant": {}
        };
    }
}
