"use strict";

import { LitElement, html, css } from "lit-element";

import "@authentic/mwc-circular-progress";

class Spinner extends LitElement {
	render() {
		return html`
			<h3><slot></slot></h3>
			<mwc-circular-progress></mwc-circular-progress>
		`;
	}

	static get styles() {
		return css`
			:host {
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		`;
	}
}

customElements.define("smarthome-spinner", Spinner);