@mymonero/mymonero-page-templates/src/Exchange/Elements/ChangenowFloatingRateView.js

This npm package contains a number of Lit element templates that MyMonero uses for various page layouts.

import { html, css, LitElement } from 'lit';
import ExchangeNavigationController from "../Controllers/ExchangeNavigationController";

export class ChangenowFloatingRateView extends ExchangeNavigationController(LitElement) {

    connectedCallback() {
        super.connectedCallback();
        console.log("Page Template view connected to DOM");
        console.log(this);
    }
    
    constructor() {
        super();
        this.clickHandler = this.clickHandler;
    }
    
    clickHandler(event) {
        console.log(event);
    }
    
    render() {
        return html`
        <div id="exchange-landing-page">
            <div>Landing page</div>
                Floating Rate  
            </div>
        </div>
        `;
    }

}

try {
    customElements.define('changenow-floating-rate-view', ChangenowFloatingRateView);
} catch (error) {
    // already defined
}