'use strict';

var index = require('./index-DSiE2De_.js');

const DgaNotificationToastUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.type = 'success';
        this.open = false;
    }
    render() {
        return (index.h("div", { key: 'b27093c8415591490842e14d9ae55dba414227c3' }, index.h("h1", { key: 'aff55bfca6f49674f75058e368e00ee4841760a0' }, "Notification Toast Example"), index.h("div", { key: 'c75336576e6287582f8eab0c86dc41fa647991e7', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'c1346f1f0c9c22adf57706a4fdcbb39ae0a343c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'f18b54c14748da8735c93ac48749cd7205d22351', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: 'f3ff034ac4985460d6447e238fe84c7e3eb916f3', onClick: () => this.open = true }, "open"), index.h("button", { key: '243b1d32858e6b12d0d13d57f300fef40a91322b', onClick: () => this.open = false }, "close")), index.h("dga-notification-toast", { key: 'e7be6dc46b4a11b7813d6f53f03230e2e8396799', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                {
                    label: 'Button',
                    onClick: () => { },
                    title: 'Button 2',
                },
                {
                    label: 'Button',
                    onClick: () => { },
                    title: 'Button',
                },
            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), index.h("dga-notification-toast", { key: '50907531b0e58d87a80591aa316e967e6e96687a', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                {
                    label: 'Button',
                    onClick: () => { },
                    title: 'Button 2',
                },
                {
                    label: 'Button',
                    onClick: () => { },
                    title: 'Button',
                },
            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), index.h("div", { key: '4f9a08d122f0cd7ad5c79155dbeb9c5f24f67808', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_notification_toast_usage = DgaNotificationToastUsage;
