import { r as registerInstance, h } from './index-1acf58d3.js';

const DgaBreadcrumbsUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.variant = 'neutral';
    }
    render() {
        return (h("div", { key: '415bd8f2e76fd101ad4818da5725c1fe92efa262' }, h("h1", { key: '9b43e30070f2f12412ef9b1902398672172493c5' }, "Breadcrumbs Example"), h("div", { key: '6b1777bcac0528fcbf934d6c1cfe456d3c25fdc3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a564e7be002b6bb7815f16168c51fb7f400b6959', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '66e790befb3c877eb7ca5f884574bd1aa52566b0', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: '38f01cfa2edb2b850039bd4dcdd3e40e2dfe3c87', items: [
                {
                    label: 'string1',
                    path: 'string1',
                },
                {
                    label: 'string2',
                    path: '',
                },
                {
                    label: 'string3',
                    path: 'string3',
                    disabled: false,
                },
                {
                    label: 'string4',
                    path: 'string4',
                    disabled: true,
                },
                {
                    label: 'string5',
                    path: 'string5',
                    disabled: true,
                },
                {
                    label: 'string6',
                    path: 'string6',
                    disabled: true,
                },
            ], max: 3 })), h("div", { key: '1aa1f9da2ce9d778cf3a0f5a39a92eb90b7b4554', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaBreadcrumbsUsage as dga_breadcrumbs_usage };

//# sourceMappingURL=dga-breadcrumbs-usage.entry.js.map