import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$b } from './p-b7682164.js';
import { d as defineCustomElement$a } from './p-1c76e783.js';
import { d as defineCustomElement$9 } from './p-f3661a84.js';
import { d as defineCustomElement$8 } from './p-888b8e69.js';
import { d as defineCustomElement$7 } from './p-f0af292e.js';
import { d as defineCustomElement$6 } from './p-14737181.js';
import { d as defineCustomElement$5 } from './p-aa3f58f9.js';
import { d as defineCustomElement$4 } from './p-e2bee5b9.js';
import { d as defineCustomElement$3 } from './p-156c3d97.js';
import { d as defineCustomElement$2 } from './p-c23dbdab.js';

const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.show = false;
    }
    render() {
        return (h("div", { key: 'a77f906f71de0817ba6236c7e92daf2523238b7d', style: { position: 'relative' } }, h("h1", { key: '0f8cb248e6f5fbf7cb19dec212b84fb33512d869' }, "Modal Example"), h("button", { key: 'cefebeec9e6333bd487497eea08afd2df7db3470', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: 'fe46080d7c7b8367d0fba1c7c0a610d161c7dfb5', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: 'f3a6e5bc4b2e77c5c217b3e529180c63d45c875e' }, h("dga-featured-icon", { key: '39b0f996d7294e1141674ef895d3d9c530191ab9', color: "brand", variant: "light", size: "md", icon: {
                name: 'InformationCircle',
                variant: 'stroke',
                type: 'sharp',
                size: 20,
            } }), h("dga-modal-title", { key: 'cdf127420b7a8bede92b5136b91a3e257e63456c' }, "Title goes here")), h("dga-modal-body", { key: 'eb225a8781197cb39377bd137dc54278968efc8b' }, h("dga-flex", { key: 'b1d1f23dc6a9753f677a6c651f15cb579b0a9fc0', direction: "column", spacing: 8 }, h("p", { key: '15d2a9e11fa7e6b583b544bc9a1cf5ea6b1e8bcf', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: '395d0a33017a7dd15a947d606097c58f5dabb947' }))), h("dga-modal-actions", { key: '7c81abc2c384d9837e7dbede7c4f73477c1a3552' }, h("dga-button", { key: 'a17f4c1da4674cad7140d27bb6b2a005a7fe7f64', label: "Primary", size: "lg", variant: "primary-brand", onClick: () => console.log('Primary Action') }), h("dga-button", { key: 'a69c7a0bb1d9c2a735da3e5c7a8d24bd12e1bfc5', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
    }
}, [0, "dga-modal-v2-usage", {
        "show": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-modal-v2-usage", "dga-button", "dga-featured-icon", "dga-flex", "dga-icon", "dga-modal-actions", "dga-modal-body", "dga-modal-header", "dga-modal-title", "dga-modal-v2", "dga-rating"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-modal-v2-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaModalUsage);
            }
            break;
        case "dga-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$b();
            }
            break;
        case "dga-featured-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$a();
            }
            break;
        case "dga-flex":
            if (!customElements.get(tagName)) {
                defineCustomElement$9();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$8();
            }
            break;
        case "dga-modal-actions":
            if (!customElements.get(tagName)) {
                defineCustomElement$7();
            }
            break;
        case "dga-modal-body":
            if (!customElements.get(tagName)) {
                defineCustomElement$6();
            }
            break;
        case "dga-modal-header":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "dga-modal-title":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-modal-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-rating":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

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

export { DgaModalV2Usage, defineCustomElement };

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