import { r as registerInstance, h } from './index-1acf58d3.js';

const DgaModalUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        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') })))));
    }
};

export { DgaModalUsage as dga_modal_v2_usage };

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