import * as tslib_1 from "tslib";
import { WidgetBase } from '@dojo/framework/core/WidgetBase';
import { theme, ThemedMixin } from '@dojo/framework/core/mixins/Themed';
import { tsx } from '@dojo/framework/core/vdom';
import * as css from '../theme/snackbar.m.css';
let Snackbar = class Snackbar extends ThemedMixin(WidgetBase) {
    render() {
        const { type, open, leading, stacked, messageRenderer, actionsRenderer } = this.properties;
        return (tsx("div", { key: "root", classes: this.theme([
                css.root,
                open ? css.open : null,
                type ? css[type] : null,
                leading ? css.leading : null,
                stacked ? css.stacked : null
            ]) },
            tsx("div", { key: "content", classes: this.theme(css.content) },
                tsx("div", { key: "label", classes: this.theme(css.label), role: "status", "aria-live": "polite" }, messageRenderer()),
                actionsRenderer && (tsx("div", { key: "actions", classes: this.theme(css.actions) }, actionsRenderer())))));
    }
};
Snackbar = tslib_1.__decorate([
    theme(css)
], Snackbar);
export { Snackbar };
export default Snackbar;

/*# sourceMappingURL=index.mjs.map*/