1 | import { __decorate } from "tslib";
|
2 | import { LitElement, html, css } from "lit";
|
3 | import { property } from "lit/decorators.js";
|
4 | class EwtPageMessage extends LitElement {
|
5 | render() {
|
6 | return html `
|
7 | <div class="icon">${this.icon}</div>
|
8 | ${this.label}
|
9 | `;
|
10 | }
|
11 | }
|
12 | EwtPageMessage.styles = css `
|
13 | :host {
|
14 | display: flex;
|
15 | flex-direction: column;
|
16 | text-align: center;
|
17 | }
|
18 | .icon {
|
19 | font-size: 50px;
|
20 | line-height: 80px;
|
21 | color: black;
|
22 | }
|
23 | `;
|
24 | __decorate([
|
25 | property()
|
26 | ], EwtPageMessage.prototype, "icon", void 0);
|
27 | __decorate([
|
28 | property()
|
29 | ], EwtPageMessage.prototype, "label", void 0);
|
30 | customElements.define("ewt-page-message", EwtPageMessage);
|