class KeyDisplay extends LitElement {
  private heldKeyCodes = new HeldKeyCodesController(this)

  render() {
    const heldCodes = Object.entries(this.heldKeyCodes.value).map(([key, code]) => `${key}: ${code}`).join(' + ')
    return html`
      <div>
        Currently pressed: ${heldCodes || 'None'}
      </div>
    `
  }
}

class KeyDisplay extends LitElement {
  private heldKeyCodes = new HeldKeyCodesController(this)

  render() {
    const heldCodes = Object.entries(this.heldKeyCodes.value).map(([key, code]) => `${key}: ${code}`).join(' + ')
    return html`
      <div>
        Currently pressed: ${heldCodes || 'None'}
      </div>
    `
  }
}

new HeldKeyCodesController(_host): HeldKeyCodesController;

new HeldKeyCodesController(_host): HeldKeyCodesController;

get value(): Record<string, string>;

get value(): Record<string, string>;

hostConnected(): void;

hostConnected(): void;

ReactiveController.hostConnected

ReactiveController.hostConnected

hostDisconnected(): void;

hostDisconnected(): void;

ReactiveController.hostDisconnected

ReactiveController.hostDisconnected