import { expect, tap } from '@pushrocks/tapbundle';
import * as deesElement from '../ts/index';

tap.test('should create a static element', async () => {
  @deesElement.customElement('my-button')
  class MyButton extends deesElement.DeesElement {
    // STATIC
    public static styles = [
      deesElement.css`
      .buttonClass {
        background: ${deesElement.cssManager.dbTheme('blue', 'black')};
      }
    `
    ];

    // INSTANCE
    render() {
      return deesElement.html`<div class="buttonClass">My Button</div>`
    }
  }
});

tap.start();