'use strict';

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

const DgaNotificationUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.variant = 'neutral';
    }
    render() {
        return (index.h("div", { key: '456cbb1ef8e3b05a9ef8aa0d3e57215637c1db07' }, index.h("h1", { key: '9a87ae77023d734bc38d15b1233b96eec9e4ff75' }, "Notification Example"), index.h("div", { key: '11361304559d529fefe953245ea58ed522c5e0f9', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '1a7aeebdeed8813e987a85a0de8d1b624a9f3c60', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-notification", { key: '919abcbfdd3a8eadbbbdd9eb31369c4b4c83b3cb', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), index.h("dga-notification", { key: 'e9aa06d237dddf1d21dda3cf18ba5ae0fd2be4eb', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), index.h("dga-notification", { key: '00b9be236e2145da21685d167566609a00ac9d4e', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), index.h("dga-notification", { key: '045221f5e8534e48c85ce7e41c6898d21ed7cc08', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), index.h("dga-notification", { key: '419b919cfc9a7847de472275d26d06e4d6f66364', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), index.h("div", { key: 'f3a993f819227d4c43657e2556f82c27e17b7d8e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_notification_usage = DgaNotificationUsage;
