"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);