import { LitElementBase } from "#Dynamics/Shared/Core/LitElementBase";
import { html } from "lit-html";
import { customElement } from "lit/decorators";

@customElement('rn-chat')
export class Chat extends LitElementBase {
    public render(): unknown {
        return html`
            <div>
                <h1>Chat</h1>
            </div>
        `;
    }
}

// New class that inherits from the existing Chat class
@customElement('rn-custom-chat')
export class CustomChat extends Chat {
    public render(): unknown {
        return html`
            <div>
                <h1>Custom Chat</h1>
                <!-- Additional custom rendering can go here -->
            </div>
        `;
    }

    // Example of an additional method
    customMethod() {
        // Custom functionality here
    }
}