var __decorate=this&&this.__decorate||function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};import{LitElement as t,html as e,css as o}from"lit";import{customElement as i,property as r}from"lit/decorators.js";import{i18next as n,translate as a}from"@openremote/or-translate";import{InputType as c}from"@openremote/or-mwc-components/or-mwc-input";let NotificationDialog=class extends a(n)(t){constructor(){super(...arguments),this.buttonText=n.t("ok"),this.message=" "}static get styles(){return o`
        .message{
            width: 100%;
            padding: 15px 5px 25px 5px;
            text-align: center;
            max-width: 50vw;
            overflow: auto;
            user-select: text;
        }
        .container{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            justify-content: space-evenly;
            justify-content: space-around;
        }`}render(){return e`
        <div class="message">${this.message}</div>
        <div class="container">
            <or-mwc-input type="${c.BUTTON}" unElevated label="${this.buttonText}"
                @or-mwc-input-changed="${()=>{this.dispatchEvent(new CustomEvent("closed"))}}">
            </or-mwc-input>
        </div>
        `}};__decorate([r({type:String})],NotificationDialog.prototype,"buttonText",void 0),__decorate([r({type:String})],NotificationDialog.prototype,"message",void 0),NotificationDialog=__decorate([i("notification-dialog")],NotificationDialog);export{NotificationDialog};