scrap/modules/scrap-exchange-sk/scrap-exchange-sk.ts

/**
 * @module modules/scrap-exchange-sk
 * @description <h2><code>scrap-exchange-sk</code></h2>
 *
 */
import { html } from 'lit/html.js';
import { define } from '../../../elements-sk/modules/define';
import { ElementSk } from '../../../infra-sk/modules/ElementSk';

import '../../../infra-sk/modules/theme-chooser-sk';
import '../../../elements-sk/modules/error-toast-sk';

export class ScrapExchangeSk extends ElementSk {
  constructor() {
    super(ScrapExchangeSk.template);
  }

  private static template = (ele: ScrapExchangeSk) =>
    html` <header>
        <h2>Scrap Exchange</h2>
        <theme-chooser-sk
          title="Toggle between light and dark mode."></theme-chooser-sk>
      </header>
      <main></main>
      <error-toast-sk></error-toast-sk>`;

  connectedCallback(): void {
    super.connectedCallback();
    this._render();
  }
}

define('scrap-exchange-sk', ScrapExchangeSk);