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: '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' }))));
    }
};

export { DgaModalUsage as dga_modal_usage };

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