import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { d as defineCustomElement$4 } from './p-B3iw3nGg.js';
import { d as defineCustomElement$3 } from './p-DiC-xcof.js';
import { d as defineCustomElement$2 } from './p-Dh42HLiJ.js';

const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcrumbsUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        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' } }))));
    }
}, [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 };
