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

const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.activeStep = 1;
    }
    render() {
        return (h("div", { key: '7ae2bab63a081ae3d6a45b60b426bf2aab58243e' }, h("h1", { key: '3189a8e70a937c57d08802ea38a075328583985a' }, "Dropdown Example"), h("div", { key: '63932da92e03c5ce5725d3a3ea6ecbec1174ec77', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7cde1ad636140a7e9f17c286171344bb57fc64b7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: 'f68058f9224b8e00c5e07bb4a4983d04e8b175b6', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: 'Option-3', options: [
                {
                    label: 'Option 1',
                    value: 'Option-1',
                },
                {
                    label: 'Option 2',
                    value: 'Option-2',
                },
                {
                    label: 'Option 3',
                    value: 'Option-3',
                },
            ], onChange: (value) => console.log('Selected:', value) }), h("dga-dropdown", { key: '67825721141d180e7214bb6cde9b6bd51e41d266', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
            ] }), h("dga-dropdown", { key: '2e8ba2856094f4deb32fcc3a76f34e84d5c756b7', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
            ] }), h("dga-dropdown", { key: 'fe6b8b81426513c0c79978313e27baa7b5e77774', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
            ] }), ['lg', 'md'].map((size) => (h("dga-dropdown", { key: size, size: size, placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", options: [
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
            ] }))), h("dga-dropdown", { key: '00e8d2a9b6f76dd633c4224710300066bb5c2687', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
                {
                    label: 'Option',
                    value: 'Option',
                },
            ] })), h("div", { key: '086fcb13937817a59545db3ab62da263beeef6f9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
}, [0, "dga-dropdown-usage", {
        "activeStep": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-dropdown-usage", "dga-dropdown", "dga-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-dropdown-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaDropdownUsage$1);
            }
            break;
        case "dga-dropdown":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaDropdownUsage = DgaDropdownUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaDropdownUsage, defineCustomElement };

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