import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$4 } from './p-0fe2aed4.js';
import { d as defineCustomElement$3 } from './p-888b8e69.js';
import { d as defineCustomElement$2 } from './p-ba77c1d1.js';

const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcrumbsUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        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' } }))));
    }
}, [0, "dga-breadcrumbs-usage", {
        "variant": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-breadcrumbs-usage", "dga-breadcrumbs", "dga-icon", "dga-link"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-breadcrumbs-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaBreadcrumbsUsage$1);
            }
            break;
        case "dga-breadcrumbs":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-link":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaBreadcrumbsUsage = DgaBreadcrumbsUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaBreadcrumbsUsage, defineCustomElement };

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