/**
 * @license
 * Copyright 2024 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */

import {LitElement, html, css} from 'lit';
import {customElement, property} from 'lit/decorators.js';

declare global {
  interface HTMLElementTagNameMap {
    'element-a': ElementA;
  }
}

@customElement('element-a')
export class ElementA extends LitElement {
  static styles = css`
    :host {
      display: block;
    }
  `;

  @property()
  a?: string;

  @property({reflect: true, type: Number, attribute: 'bbb'})
  b = 1;

  @property()
  c;

  static c = 'should not be inferred as type for c';

  render() {
    return html`<h1>${this.a}</h1>`;
  }
}
