import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$6 } from './p-b7682164.js';
import { d as defineCustomElement$5 } from './p-1c76e783.js';
import { d as defineCustomElement$4 } from './p-888b8e69.js';
import { d as defineCustomElement$3 } from './p-be372aa1.js';
import { d as defineCustomElement$2 } from './p-c23dbdab.js';

const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.show = false;
    }
    render() {
        return (h("div", { key: 'b7a84b7fa2b731b52388788358f0cd257074030e', style: { position: "relative" } }, h("h1", { key: '10bfeddaffb5b0faf1e1767545c8590bc2673db1' }, "Modal Example"), h("button", { key: 'a242fc80c43d4393fa9ba87307ff4257aeb35ad1', onClick: () => this.show = true }, "Open Modal"), this.show ? "shown" : "hidden", h("dga-modal", { key: '752732444d36263f07d241961888c88b100a968a', modalTitle: 'Title goes here', open: this.show, closeButton: true, onClose: () => this.show = false, buttonsList: [
                {
                    title: "Button",
                    label: "Button",
                    onClick: () => {
                        console.log('clicked');
                    },
                    id: "hello"
                },
                {
                    title: "Button",
                    label: "Button",
                    onClick: () => {
                        console.log('clicked');
                    },
                    id: "hello"
                },
                {
                    title: "Button",
                    label: "Button",
                    onClick: () => {
                        console.log('clicked');
                    },
                    id: "hello"
                },
                {
                    title: "Button",
                    label: "Button",
                    onClick: () => {
                        console.log('clicked');
                    },
                    id: "heldlo"
                },
            ], actionStack: false, secondBtnPosition: 'right', featuredIconType: 'InformationCircle', name: "modal-example" }, "When a Modal needs a further detailed explanation, it goes here.", h("dga-rating", { key: '5ba94553d277bbe3bdf8c728f7f53af69663e787' }))));
    }
}, [0, "dga-modal-usage", {
        "show": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-modal-usage", "dga-button", "dga-featured-icon", "dga-icon", "dga-modal", "dga-rating"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-modal-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaModalUsage$1);
            }
            break;
        case "dga-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$6();
            }
            break;
        case "dga-featured-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-modal":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-rating":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaModalUsage = DgaModalUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaModalUsage, defineCustomElement };

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