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

const DgaNotificationUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.variant = 'neutral';
    }
    render() {
        return (h("div", { key: '7664dadf8537b906976475c9058e211f014dcb01' }, h("h1", { key: '8ca9209bcc83fd637471c8b6583f7c068a8436b4' }, "Notification Example"), h("div", { key: '1524fbc58b1e6688b303c9568a8326363753329c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '27e650772731a0b3e8346a8dce46ca29c694dd3c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '60320f8cd34efd5fe4cbb21e952be9f8e07e8e3e', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '28953e992207c4cdd357d6ca6ddbf20534e2ea00', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: 'cf9f50c379dab23e2f1913afd388317d605c5603', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: 'a9e4bce34fc930474d6d733ceb9da4661c0881d6', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '343bab97046cae1cd4042394a0696dedacc3c5d1', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '07097bbc02743781ac0d8cfdece8d620eb3915f5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaNotificationUsage as dga_notification_usage };

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