1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
"use strict";
import { LitElement, html, css } from "lit-element";
import "@authentic/mwc-ripple";
import "./card.js";
export class Row extends LitElement {
render() {
return html`
<slot name="left"></slot>
<slot name="center"></slot>
<slot name="right"></slot>
`;
}
static get styles() {
return css`
:host {
--mdc-theme-on-primary: white;
--mdc-theme-primary: #43a047;
--mdc-theme-on-secondary: white;
--mdc-theme-secondary: #616161;
user-select: none;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1em;
margin: 0;
height: 14px;
border-bottom: 1px solid #ccc;
}
`;
}
}
customElements.define("smarthome-row", Row);