import {LitElement, html, css, svg} from 'lit'; import {customElement, property} from 'lit/decorators.js'; @customElement('obi-lightning-rain') export class ObiLightningRain extends LitElement { @property({type: Boolean}) useCssColor = false; private icon = svg` `; private iconCss = svg` `; override render() { return html`
${this.useCssColor ? this.iconCss : this.icon}
`; } static override styles = css` .wrapper { height: 100%; width: 100%; line-height: 0; } .wrapper > * { height: 100%; width: 100%; } `; } declare global { interface HTMLElementTagNameMap { 'obi-lightning-rain': ObiLightningRain; } }